Merge pull request #296 from 3DStreet/issue#272

fix: styles for open scene cards
3DStreet · Sep 26, 2023 · d35be27 · d35be27
2 parents 07f2934 + ff8de2d
commit d35be27
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/src/components/components/SceneCard/SceneCard.component.jsx b/src/components/components/SceneCard/SceneCard.component.jsx
@@ -22,7 +22,14 @@ const SceneCard = ({ scenesData, handleSceneClick }) => (
         onClick={() => handleSceneClick(scene)}
         title={scene.data().title}
       >
-        <img src={ScenePlaceholder} alt="scene" className={styles.img} />
+        <div
+          className={styles.img}
+          style={{
+            backgroundImage: `url(${ScenePlaceholder})`,
+            backgroundSize: 'cover',
+            backgroundPosition: 'center'
+          }}
+        />
         <p className={styles.title}>{scene.data().title}</p>
         <p className={styles.date}>
           <LastModified timestamp={scene.data().updateTimestamp} />

diff --git a/src/components/components/SceneCard/SceneCard.module.scss b/src/components/components/SceneCard/SceneCard.module.scss
@@ -8,16 +8,16 @@
   .img {
     margin-bottom: 6px;
     object-fit: cover;
-    width: 246px;
-    height: 144px;
+    width: 272px;
+    height: 204px;
   }
 
   .card {
     border-radius: 4px;
     border: 1px solid rgba(237, 235, 239, 0.2);
     padding: 8px 8px 12px 8px;
-    width: 246px;
-    height: 187px;
+    width: 272px;
+    height: 250px;
     position: relative;
     cursor: pointer;
 

diff --git a/src/components/modals/ScenesModal/ScenesModal.module.scss b/src/components/modals/ScenesModal/ScenesModal.module.scss
@@ -1,6 +1,6 @@
 .modalWrapper {
   position: relative;
-  width: 80vw;
+  width: 90vw;
   margin: auto auto;
   height: 100%;