diff options
Diffstat (limited to 'frontend/src/lib/gallery')
| -rw-r--r-- | frontend/src/lib/gallery/Gallery.svelte | 2 | ||||
| -rw-r--r-- | frontend/src/lib/gallery/GalleryPage.svelte | 6 |
2 files changed, 4 insertions, 4 deletions
diff --git a/frontend/src/lib/gallery/Gallery.svelte b/frontend/src/lib/gallery/Gallery.svelte index 0480026..f94747a 100644 --- a/frontend/src/lib/gallery/Gallery.svelte +++ b/frontend/src/lib/gallery/Gallery.svelte @@ -12,7 +12,7 @@ </script> <div class="max-h-full gap-2 overflow-auto p-1 pr-3" tabindex="-1"> - {#each pages as page, index} + {#each pages as page, index (page.id)} <GalleryPage {page} {index} {open} {updateCover} /> {/each} </div> diff --git a/frontend/src/lib/gallery/GalleryPage.svelte b/frontend/src/lib/gallery/GalleryPage.svelte index cca8ff3..13bbfc8 100644 --- a/frontend/src/lib/gallery/GalleryPage.svelte +++ b/frontend/src/lib/gallery/GalleryPage.svelte @@ -27,7 +27,7 @@ } }); - function press(event: MouseEvent | KeyboardEvent) { + function onclick(event: MouseEvent | KeyboardEvent) { if (event instanceof KeyboardEvent && event.key !== 'Enter') { return; } @@ -57,8 +57,8 @@ role="button" tabindex="0" class="{span} relative overflow-hidden rounded-sm focus-visible:outline-4 focus-visible:outline-blue-600" - onclick={press} - onkeydown={press} + {onclick} + onkeydown={onclick} > <SelectionOverlay position="top" {selected} /> <img |