diff options
| author | Wolfgang Müller | 2025-02-18 17:48:33 +0100 |
|---|---|---|
| committer | Wolfgang Müller | 2025-02-18 17:48:33 +0100 |
| commit | 2177d004c88d1daccc9ae4808dc75b66eb0f2d3a (patch) | |
| tree | 6e8172f757d97cf0d4f0ff5056990e288b3b3b40 | |
| parent | 3f6bd71aaac4277d046485fe8ea2a791ea089cd8 (diff) | |
| download | hircine-2177d004c88d1daccc9ae4808dc75b66eb0f2d3a.tar.gz | |
frontend: Fix page rendering in PageView for mismatched image sizes
If we display two images next to each other whose dimensions do not line
up nicely, 'grow' will for some reason cause the smaller image's div to
grow less wide. Use 'w-full' instead to force the div to have full
width.
| -rw-r--r-- | frontend/src/lib/reader/ReaderPage.svelte | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/frontend/src/lib/reader/ReaderPage.svelte b/frontend/src/lib/reader/ReaderPage.svelte index 83b2d1b..4a19c6e 100644 --- a/frontend/src/lib/reader/ReaderPage.svelte +++ b/frontend/src/lib/reader/ReaderPage.svelte @@ -13,7 +13,7 @@ <!-- svelte-ignore a11y_click_events_have_key_events --> <!-- svelte-ignore a11y_no_static_element_interactions --> -<div class="flex grow" {onclick}> +<div class="flex w-full" {onclick}> <img class="h-auto w-auto object-contain" width={page.image.width} |