diff --git a/src/routes/[country]/[location]/index.svelte b/src/routes/[country]/[location]/index.svelte index c2c68ad..5ed0853 100644 --- a/src/routes/[country]/[location]/index.svelte +++ b/src/routes/[country]/[location]/index.svelte @@ -145,56 +145,65 @@
-
- {#each photos as { title, image: { id, title: alt }, slug, date_taken }, index} -
+ {/each} + -
-
-
+ {:else} +
+

+ No photos available for {data.name}.
+ Come back later! +

- + {/if} diff --git a/src/style/pages/_location.scss b/src/style/pages/_location.scss index 528b636..6dc3cc6 100644 --- a/src/style/pages/_location.scss +++ b/src/style/pages/_location.scss @@ -202,4 +202,18 @@ cursor: not-allowed; } } + + // Message + &__message { + padding: clamp(96px, 24vw, 360px) 0 clamp(96px, 16vw, 280px); + text-align: center; + color: $color-text; + font-size: rem(24px); + font-weight: 200; + line-height: 1.4; + + @include bp (sm) { + font-size: rem(28px); + } + } } \ No newline at end of file