diff options
Diffstat (limited to '')
| -rw-r--r-- | frontend/src/lib/gallery/Gallery.svelte | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/frontend/src/lib/gallery/Gallery.svelte b/frontend/src/lib/gallery/Gallery.svelte index c3b6386..f94747a 100644 --- a/frontend/src/lib/gallery/Gallery.svelte +++ b/frontend/src/lib/gallery/Gallery.svelte @@ -2,12 +2,18 @@ import type { PageFragment } from '$gql/graphql'; import GalleryPage from './GalleryPage.svelte'; - export let pages: PageFragment[]; + interface Props { + pages: PageFragment[]; + open: (page: number) => void; + updateCover: (page: number) => void; + } + + let { pages, open, updateCover }: Props = $props(); </script> -<div class="max-h-full gap-2 overflow-auto p-1 pr-3"> - {#each pages as page, index} - <GalleryPage {page} {index} on:open on:cover /> +<div class="max-h-full gap-2 overflow-auto p-1 pr-3" tabindex="-1"> + {#each pages as page, index (page.id)} + <GalleryPage {page} {index} {open} {updateCover} /> {/each} </div> |