diff --git a/src/components/layouts/PosterLayout.svelte b/src/components/layouts/PosterLayout.svelte index e5125a4..cc59881 100644 --- a/src/components/layouts/PosterLayout.svelte +++ b/src/components/layouts/PosterLayout.svelte @@ -12,9 +12,11 @@ * Preview photos specs */ let lastPreviewPhoto: any = undefined - $: if (product.photos_preview.length) { + + $: if (product && product.photos_preview.length) { lastPreviewPhoto = product.photos_preview[product.photos_preview.length - 1].directus_files_id } + const photosPreview = [ { sizes: { diff --git a/src/style/layouts/_poster.scss b/src/style/layouts/_poster.scss index 7fe653f..c85682e 100644 --- a/src/style/layouts/_poster.scss +++ b/src/style/layouts/_poster.scss @@ -136,7 +136,7 @@ &__about { background-color: #fff; padding: 144px 0 72px; - margin: -100px 0 -120; + margin: -100px 0 -120px; font-size: rem(36px); font-weight: 300; color: $color-primary-tertiary20; @@ -144,17 +144,20 @@ white-space: pre-line; @include bp (sm) { - padding: 148px 0 260px; + padding: 144px 0 260px; margin: -120px 0; } .text { grid-column: 1 / span 8; + max-width: 768px; + margin-left: 0; + margin-right: 0; font-size: rem(28px); font-weight: 200; @include bp (sm) { - grid-column: 4 / span 12; + grid-column: 5 / span 12; font-size: rem(32px); } }