diff --git a/src/components/molecules/Location.svelte b/src/components/molecules/Location.svelte index adc121c..fb10132 100644 --- a/src/components/molecules/Location.svelte +++ b/src/components/molecules/Location.svelte @@ -50,7 +50,7 @@
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte index 19daacd..be94a91 100644 --- a/src/routes/__layout.svelte +++ b/src/routes/__layout.svelte @@ -36,6 +36,12 @@ } } date_updated + photos (sort: "-date_created", limit: 4) { + image { + id + title + } + } } country { diff --git a/src/style/molecules/_location.scss b/src/style/molecules/_location.scss index b57fd7e..ca83843 100644 --- a/src/style/molecules/_location.scss +++ b/src/style/molecules/_location.scss @@ -120,6 +120,21 @@ @include bp (sm) { display: block; } + + picture { + display: none; + + img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; + } + + &.is-visible { + display: block; + } + } } &:hover {