Add BookPlayer scroll reading mode and floating mini-player widget

Replace paginated-only reading with a toggle between paginated (CSS columns)
and continuous vertical scroll modes. Replace the full-width fixed footer
player bar with a compact floating pill in the bottom-right corner,
expandable to show full controls, visualizer, and playlist.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Yvv
2026-02-22 02:40:46 +01:00
parent 554602ad52
commit 837b5394fe
7 changed files with 391 additions and 102 deletions

View File

@@ -1,7 +1,7 @@
<template>
<div class="app-layout grid grid-cols-1 min-h-dvh">
<LayoutTheHeader />
<main class="pb-[var(--player-height)]">
<main>
<slot />
</main>
<LayoutTheFooter />

View File

@@ -1,7 +1,7 @@
<template>
<div class="app-layout grid grid-cols-1 min-h-dvh">
<LayoutTheHeader />
<div class="reading-layout pb-[var(--player-height)]">
<div class="reading-layout">
<aside class="chapter-sidebar hidden lg:block">
<BookChapterNav />
</aside>