blomios/ReadaBook
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): mode de lecture vertical type webtoon — pages empilées, défilement souris/flèches, préférence persistée

Browse Source
This commit is contained in:
Git Agent
2026-08-24 15:26:06 +02:00
parent 3d211f7feb
commit f7e88c6bc0
8 changed files with 478 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
apps/web/src/styles/app.css
View File

@ -962,6 +962,24 @@ main.app-main-reader .reader-page {
white-space: nowrap;
}
.reader-mode-control {
display: inline-flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
color: var(--ink-muted);
font-size: 0.82rem;
white-space: nowrap;
}
.reader-mode-control select {
min-height: 32px;
border: 1px solid var(--line);
border-radius: var(--radius);
color: var(--ink);
background: rgba(255, 255, 255, 0.06);
}
.reader-title {
flex: 1 1 auto;
overflow: hidden;
@ -1016,6 +1034,11 @@ main.app-main-reader .reader-page {
height: max-content;
}
.reader-mode-vertical .reader-content {
align-items: start;
width: 100%;
}
.pdf-reader,
.epub-reader,
.cbz-reader {
@ -1025,6 +1048,23 @@ main.app-main-reader .reader-page {
min-height: 100%;
}
.pdf-reader-vertical,
.cbz-reader-vertical {
align-items: start;
width: 100%;
height: auto;
}
.reader-vertical-stack {
display: flex;
flex-direction: column;
align-items: center;
gap: 18px;
width: 100%;
min-height: 100%;
padding: 12px 0 24px;
}
.epub-host {
display: grid;
width: 100%;
@ -1058,6 +1098,13 @@ main.app-main-reader .reader-page {
margin: 0;
}
.pdf-page-frame-vertical,
.comic-page-frame-vertical {
width: 100%;
min-height: 72vh;
padding: 0 12px;
}
.pdf-page-frame canvas,
.cbz-reader img {
display: block;