diff --git a/src/components/components/SceneCard/SceneCard.component.jsx b/src/components/components/SceneCard/SceneCard.component.jsx index ac63a973..51da050a 100644 --- 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} > - scene +

{scene.data().title}

diff --git a/src/components/components/SceneCard/SceneCard.module.scss b/src/components/components/SceneCard/SceneCard.module.scss index 643f1c9a..e2f2ff13 100644 --- 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 index 5a73c654..d7aee012 100644 --- 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%;