diff --git a/frontend/src/lib/components/AboutModal.svelte b/frontend/src/lib/components/AboutModal.svelte index 46ad5aa..e437bc8 100644 --- a/frontend/src/lib/components/AboutModal.svelte +++ b/frontend/src/lib/components/AboutModal.svelte @@ -33,146 +33,201 @@ } - + - - diff --git a/frontend/src/lib/components/CardCarousel.svelte b/frontend/src/lib/components/CardCarousel.svelte index 3616d35..f8b947b 100644 --- a/frontend/src/lib/components/CardCarousel.svelte +++ b/frontend/src/lib/components/CardCarousel.svelte @@ -81,13 +81,13 @@ /> - {#if adventure_images.length > 1} + - {#if adventure_images.length > 1} + {/if} diff --git a/frontend/src/lib/components/ImageDisplayModal.svelte b/frontend/src/lib/components/ImageDisplayModal.svelte index 82dd3d0..26ffd31 100644 --- a/frontend/src/lib/components/ImageDisplayModal.svelte +++ b/frontend/src/lib/components/ImageDisplayModal.svelte @@ -7,6 +7,7 @@ export let images: { image: string; adventure: Location | null }[] = []; export let initialIndex: number = 0; + import { t } from 'svelte-i18n'; let currentIndex = initialIndex; let currentImage = images[currentIndex]?.image || ''; @@ -113,7 +114,8 @@ {#if images.length > 1}

- {currentIndex + 1} of {images.length} images + {currentIndex + 1} of {images.length} + {$t('adventures.images')}

{/if} @@ -247,7 +249,9 @@
{#if images.length > 1} -
Use arrow keys or click to navigate
+
+ {$t('adventures.image_modal_navigate')} +
{/if}
diff --git a/frontend/src/lib/components/LocationCard.svelte b/frontend/src/lib/components/LocationCard.svelte index 4c817ec..a9cc59e 100644 --- a/frontend/src/lib/components/LocationCard.svelte +++ b/frontend/src/lib/components/LocationCard.svelte @@ -273,7 +273,7 @@ {#if type != 'link'}