From 9269d77ef766d4220484e2b2f384468021e571b8 Mon Sep 17 00:00:00 2001
From: mamamiyear <mamamiyear@163.com>
Date: Wed, 29 Oct 2025 16:20:59 +0800
Subject: [PATCH] fix: menu side bar scroll with main content area

---
 src/components/LayoutWrapper.tsx | 2 +-
 src/styles/layout.css            | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/LayoutWrapper.tsx b/src/components/LayoutWrapper.tsx
index ddbea26..fb35b51 100644
--- a/src/components/LayoutWrapper.tsx
+++ b/src/components/LayoutWrapper.tsx
@@ -58,7 +58,7 @@ const LayoutWrapper: React.FC = () => {
         showInput={isHome || isList}
       />
       {/* 下方为主布局：左侧菜单 + 右侧内容 */}
-      <Layout ref={layoutShellRef as any}>
+      <Layout ref={layoutShellRef as any} className="layout-shell">
         <SiderMenu
           onNavigate={handleNavigate}
           selectedKey={selectedKey}
diff --git a/src/styles/layout.css b/src/styles/layout.css
index f8b181a..d037e4b 100644
--- a/src/styles/layout.css
+++ b/src/styles/layout.css
@@ -6,6 +6,13 @@
 /* 消除 Ant Layout 默认白底，避免顶栏下方看到白边 */
 .layout-wrapper .ant-layout { background: transparent; }
 
+/* 顶栏下的主布局容器：固定视口高度，隐藏外层滚动 */
+.layout-shell {
+  height: calc(100vh - 56px);
+  overflow: hidden;
+}
+.layout-shell .ant-layout { height: 100%; }
+
 /* 侧栏头部区域 */
 .sider-header {
   display: flex;
@@ -28,6 +35,7 @@
   display: flex;
   flex-direction: column;
   height: 100%;
+  overflow: auto; /* 仅主内容区滚动 */
   background: var(--bg-app);
 }
 .content-body {