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
*/
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: {

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

@@ -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);
}
}