diff options
| -rw-r--r-- | frontend/src/lib/reader/PageView.svelte | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/frontend/src/lib/reader/PageView.svelte b/frontend/src/lib/reader/PageView.svelte index 4eb3d56..8e8cfc1 100644 --- a/frontend/src/lib/reader/PageView.svelte +++ b/frontend/src/lib/reader/PageView.svelte @@ -107,7 +107,7 @@ <button type="button" class:read={index <= lookup[reader.page]} - class="group/page relative grow [&.read]:bg-blue-600/60" + class="group/page relative grow" onclick={() => reader.open(chunk.index)} aria-label={`Open page ${chunk.index}`} > @@ -129,8 +129,14 @@ {/each} </div> -<style> +<style lang="postcss"> + @reference "tailwindcss/theme"; + .reverse { flex-direction: row-reverse; } + + button.read { + @apply bg-blue-600/60; + } </style> |