flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix Poster layout

Browse Source
This commit is contained in:
Félix Péault
2021-11-05 12:42:49 +01:00
parent 1785fb1c03
commit 77b072359c
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/layouts/PosterLayout.svelte
View File

@@ -12,9 +12,11 @@
* Preview photos specs * Preview photos specs
*/ */
let lastPreviewPhoto: any = undefined 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 lastPreviewPhoto = product.photos_preview[product.photos_preview.length - 1].directus_files_id
} }
const photosPreview = [ const photosPreview = [
{ {
sizes: { sizes: {

9
src/style/layouts/_poster.scss
View File

@@ -136,7 +136,7 @@
&__about { &__about {
background-color: #fff; background-color: #fff;
padding: 144px 0 72px; padding: 144px 0 72px;
margin: -100px 0 -120; margin: -100px 0 -120px;
font-size: rem(36px); font-size: rem(36px);
font-weight: 300; font-weight: 300;
color: $color-primary-tertiary20; color: $color-primary-tertiary20;
@@ -144,17 +144,20 @@
white-space: pre-line; white-space: pre-line;
@include bp (sm) { @include bp (sm) {
padding: 148px 0 260px; padding: 144px 0 260px;
margin: -120px 0; margin: -120px 0;
} }
.text { .text {
grid-column: 1 / span 8; grid-column: 1 / span 8;
max-width: 768px;
margin-left: 0;
margin-right: 0;
font-size: rem(28px); font-size: rem(28px);
font-weight: 200; font-weight: 200;
@include bp (sm) { @include bp (sm) {
grid-column: 4 / span 12; grid-column: 5 / span 12;
font-size: rem(32px); font-size: rem(32px);
} }
} }