Merge pull request #11 from RaZoom-Team/no-prod

image cover fix
RaZoom-Team · Nov 14, 2024 · 3d75fb2 · 3d75fb2
2 parents 65a9c0f + 1987446
commit 3d75fb2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/frontend/src/shared/ui/card/index.tsx b/frontend/src/shared/ui/card/index.tsx
@@ -29,11 +29,10 @@ export function Card({focus, is_me_liked}: Props) {
     }
 
     return (
-        <div className={styles['bg']} style={
-            { background: `linear-gradient(180.00deg, rgba(0, 0, 0, 0.85) 0%,rgba(0, 0, 0, 0) 60.239%), url(${focus.attachments[0]}) no-repeat center center`,
-            backgroundSize: 'cover'
-        }   
-            }>
+        <div className={styles['bg']} style={{
+            backgroundImage: `linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 60.239%), url(${focus.attachments[0]})`,
+            backgroundSize: 'cover',
+        }}>
             <div className={styles['card']}>
                 <div className={styles['overlay']}>
                     <div className={styles['upper-container']}>

diff --git a/frontend/src/shared/ui/card/style.module.scss b/frontend/src/shared/ui/card/style.module.scss
@@ -4,9 +4,8 @@
 
 .bg {
     background-size: cover;
-    object-fit: cover;
-    overflow: hidden;
     border-radius: 30px;
+    overflow: hidden;
 }
 
 .card {
@@ -16,7 +15,6 @@
     -o-user-select: none;
     user-select: none;
 
-
     display: flex;
     flex-direction: column;
     gap: 16px;