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

feat(web): zoom du lecteur — contrôles +/−/reset (50–300 %) sur PDF et CBZ

Browse Source
This commit is contained in:
Git Agent
2026-08-24 14:28:53 +02:00
parent b3bd678291
commit fcf1760031
7 changed files with 158 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -890,6 +890,27 @@ main.app-main-reader .reader-page {
background: rgba(38, 26, 18, 0.84);
}
.reader-zoom-controls {
display: inline-flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
}
.reader-zoom-button {
width: 34px;
min-width: 34px;
padding: 0;
font-weight: 800;
}
.reader-zoom-label {
min-width: 58px;
color: var(--ink-muted);
text-align: center;
white-space: nowrap;
}
.reader-title {
flex: 1 1 auto;
overflow: hidden;
@ -928,17 +949,16 @@ main.app-main-reader .reader-page {
min-height: 0;
min-width: 0;
padding: 0;
overflow: hidden;
overflow: auto;
}
.reader-content {
display: grid;
place-items: center;
min-height: 0;
min-width: 0;
width: 100%;
height: 100%;
overflow: hidden;
min-width: 100%;
min-height: 100%;
width: max-content;
height: max-content;
}
.pdf-reader,
@ -946,10 +966,8 @@ main.app-main-reader .reader-page {
.cbz-reader {
display: grid;
place-items: center;
min-height: 0;
min-width: 0;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
}
.epub-host {
@ -978,9 +996,10 @@ main.app-main-reader .reader-page {
.comic-page-frame {
display: grid;
place-items: center;
width: 100%;
height: 100%;
min-height: 64px;
width: max-content;
height: max-content;
min-width: 100%;
min-height: max(64px, 100%);
margin: 0;
}
@ -989,8 +1008,6 @@ main.app-main-reader .reader-page {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
border: 1px solid var(--line);
border-radius: var(--radius);
@ -998,11 +1015,6 @@ main.app-main-reader .reader-page {
object-fit: contain;
}
.cbz-reader img {
max-width: 100%;
max-height: 100%;
}
.reader-fallback {
display: flex;
flex-wrap: wrap;
@ -1161,6 +1173,10 @@ main.app-main-reader .reader-page {
gap: 8px;
}
.reader-zoom-reset {
display: none;
}
.epub-host {
width: 100%;
}