From 4c6cf5c018d2d2df09b44a7f00201e7ea6774dcd Mon Sep 17 00:00:00 2001
From: charlie <xyhp915@qq.com>
Date: Thu, 14 Aug 2025 19:08:29 +0800
Subject: [PATCH] enhance(mobile): depth sheet view layout

---
 src/main/mobile/components/app.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/main/mobile/components/app.css b/src/main/mobile/components/app.css
index 9f5cab403b..1ff7cb6cfa 100644
--- a/src/main/mobile/components/app.css
+++ b/src/main/mobile/components/app.css
@@ -7,6 +7,7 @@
   --ls-page-title-size: 26px;
   --silk-topbar-inner-height: 32px;
   --silk-tabbar-bottom-paddding: 12px;
+  --silk-100-lvh-dvh-pct: max(100%,100vh);
 }
 
 html.is-native-ios {
@@ -77,7 +78,11 @@ html {
 body {
   @apply relative overflow-hidden;
 
-  .SheetWithDepth-stackSceneryContainer, > .SheetWithDepth-view {
+  .SheetWithDepth-stackSceneryContainer {
+    @apply overflow-hidden;
+  }
+
+  .SheetWithDepth-stackSceneryContainer > .SheetWithDepth-view {
     height: var(--ls-full-screen-height, "auto");
   }
 }
@@ -300,6 +305,11 @@ a, button {
 }
 
 /* silk styles */
+.app-silk-index-scroll-view {
+  /* NOTE: fix for the depth sheet view style? */
+  padding-top: 2px;
+}
+
 .app-silk-index-scroll-content {
   @apply bg-gray-01 min-h-[100svh] overflow-x-hidden;
 }