From 7dad491c170cbef71bf8a05b0cb52fd668a52fa7 Mon Sep 17 00:00:00 2001
From: hectorqin <hectorqin@163.com>
Date: Mon, 26 Oct 2026 15:20:06 +0800
Subject: [PATCH] fix(web): keep PWA sheets visible

---
 web/src/styles/sheet.css | 47 ++++++++--------------------------------
 1 file changed, 9 insertions(+), 38 deletions(-)

diff --git a/web/src/styles/sheet.css b/web/src/styles/sheet.css
index edbefa7..183736c 100644
--- a/web/src/styles/sheet.css
+++ b/web/src/styles/sheet.css
@@ -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;
   }
 }