mtfyun/reader
1
0 Fork 0
mirror of https://github.com/hectorqin/reader.git synced 2026-11-11 05:20:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): keep PWA sheets visible

Browse Source
This commit is contained in:
hectorqin committed 2026-10-26 15:20:06 +08:00
1 parent ccba6e3d49
commit 7dad491c17
1 file changed
+9 -38
Download Patch File Download Diff File Expand all files Collapse all files
web/src/styles/sheet.css
+9 -38
View File
@@ -281,48 +281,19 @@
viewport height, leaving only a thin strip of the body visible. Use explicit
regions there; desktop Chrome keeps the normal flex layout above. */
@media (max-width: 700px) {
.sheet[data-host='android']:not([data-size='compact']),
.sheet[data-host='pwa']:not([data-size='compact']) {
display: block;
height: min(80vh, calc(100vh - var(--safe-top) - 1.5rem));
height: min(80dvh, calc(100dvh - var(--safe-top) - 1.5rem));
max-height: none;
}
.sheet[data-host='android']:not([data-size='compact']) > .sheet-grip,
.sheet[data-host='pwa']:not([data-size='compact']) > .sheet-grip {
position: absolute;
inset: 0.5rem auto auto 50%;
transform: translateX(-50%);
}
.sheet[data-host='android']:not([data-size='compact']) > .sheet-header,
.sheet[data-host='pwa']:not([data-size='compact']) > .sheet-header {
position: absolute;
inset: 1.25rem 0 auto;
z-index: 1;
background: var(--reader-surface);
}
.sheet[data-host='android']:not([data-size='compact']) > .sheet-body,
.sheet[data-host='pwa']:not([data-size='compact']) > .sheet-body {
position: absolute;
inset: 4.5rem 0 0;
inset: 20vh 0 0;
height: auto;
overflow-y: scroll;
max-height: none;
display: flex !important;
flex-direction: column;
}
.sheet[data-host='android']:not([data-size='compact']):has(> .sheet-footer) > .sheet-body,
.sheet[data-host='pwa']:not([data-size='compact']):has(> .sheet-footer) > .sheet-body {
bottom: 4.5rem;
}
.sheet[data-host='android']:not([data-size='compact']) > .sheet-footer,
.sheet[data-host='pwa']:not([data-size='compact']) > .sheet-footer {
position: absolute;
inset: auto 0 0;
z-index: 1;
background: var(--reader-surface);
.sheet[data-host='pwa']:not([data-size='compact']) > .sheet-body {
flex: 1 1 0%;
height: auto;
min-height: 0;
overflow-y: auto;
}
}