From e203305bac67192ff5483468a2b4e3f14fcd8a7b Mon Sep 17 00:00:00 2001
From: bwstudio <fenghuo@hotmail.com>
Date: Wed, 10 Jun 2026 08:24:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E5=89=AF=E5=AF=BC=E8=88=AA=E6=A0=8F=E6=9C=AA=E9=9A=90?=
 =?UTF-8?q?=E8=97=8F=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/App.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/web/src/App.vue b/web/src/App.vue
index f3a74e0..e58615d 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -304,10 +304,12 @@ body {
 
 /* 默认隐藏侧边栏，小屏幕适配 */
 .left-sidebar { display: none; }
+.left-subnav { display: none; } /* 默认隐藏平板导航 */
 
 /* 平板及以上显示副导航 */
 @media (min-width: 768px) {
   .left-subnav {
+    display: flex;
     width: var(--subnav-width);
     min-width: var(--subnav-width);
     flex-shrink: 0;
@@ -369,12 +371,14 @@ body {
   background: rgba(0, 0, 0, 0.5);
   z-index: 1000;
   opacity: 0;
+  pointer-events: none;
   transition: opacity 0.3s;
 }
 
 .mobile-drawer.open {
   display: block;
   opacity: 1;
+  pointer-events: auto;
 }
 
 .drawer-content {
@@ -386,12 +390,20 @@ body {
   max-width: 80vw;
   transform: translateX(-100%);
   transition: transform 0.3s;
+  overflow: hidden;
 }
 
 .mobile-drawer.open .drawer-content {
   transform: translateX(0);
 }
 
+/* 确保抽屉内的 AppSidebar 有正确样式 */
+.drawer-content .sidebar {
+  width: 100%;
+  position: static;
+  height: 100%;
+}
+
 /* 移动端：小屏幕隐藏副导航，显示汉堡菜单按钮 */
 @media (max-width: 767px) {
   .content-wrapper {