fix: add border-radius for media block image (#832)

gravity-ui · Feb 27, 2024 · 6421ec8 · 6421ec8
1 parent b550cba
commit 6421ec8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/blocks/Media/Media.scss b/src/blocks/Media/Media.scss
@@ -4,4 +4,8 @@ $block: '.#{$ns}media-block';
 
 #{$block} {
     @include media-border();
+
+    &__image {
+        border-radius: $borderRadius;
+    }
 }
diff --git a/src/blocks/Media/Media.tsx b/src/blocks/Media/Media.tsx
@@ -25,7 +25,12 @@ export const MediaBlock = (props: MediaBlockProps) => {
     return (
         <MediaBase {...props} onScroll={() => setPlay(true)}>
             <MediaBase.Card>
-                <Media {...mediaThemed} playVideo={play} className={b({border: borderSelected})} />
+                <Media
+                    imageClassName={b('image')}
+                    {...mediaThemed}
+                    playVideo={play}
+                    className={b({border: borderSelected})}
+                />
             </MediaBase.Card>
         </MediaBase>
     );