From 8c5d5405653e863c8590c722e4b1abae84996e9c Mon Sep 17 00:00:00 2001 From: wonder Date: Fri, 26 Jun 2026 17:44:01 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=89=80=E6=9C=89?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=20Tab=20=E5=AF=BC=E8=88=AA=E4=B8=8B=E6=96=B9?= =?UTF-8?q?=E5=86=97=E4=BD=99=E7=A9=BA=E7=99=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 将 body 布局从普通流改为 flex 纵向布局，navbar 和内容区自然排列 - navbar 移除 position:sticky，改为 flex-shrink:0 作为固定头部 - 新增 .main-content 工具类（flex:1; overflow:hidden），替代 calc(100vh-56px)+margin-top 方案 - builder/dashboard 页面使用 main-content 类占满剩余空间 - settings 页面 margin-top 从 80px 调整为 24px --- frontend/dashboard.html | 2 +- frontend/index.html | 2 +- frontend/settings.html | 2 +- frontend/static/common.css | 15 +++++++++++++-- 4 files changed, 16 insertions(+), 5 deletions(-) diff --git a/frontend/dashboard.html b/frontend/dashboard.html index 13f600b..e5fcd13 100644 --- a/frontend/dashboard.html +++ b/frontend/dashboard.html @@ -8,7 +8,7 @@ -
+
diff --git a/frontend/index.html b/frontend/index.html index e27acac..6ebac9a 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -8,7 +8,7 @@ -
+
diff --git a/frontend/settings.html b/frontend/settings.html index 86adbd8..9c3d3e2 100644 --- a/frontend/settings.html +++ b/frontend/settings.html @@ -8,7 +8,7 @@ -
+

⚙️ 设置

diff --git a/frontend/static/common.css b/frontend/static/common.css index 9ad3d42..2d53c49 100644 --- a/frontend/static/common.css +++ b/frontend/static/common.css @@ -39,10 +39,16 @@ padding: 0; } +html, body { + height: 100%; +} + body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background: var(--bg-secondary); color: var(--text-primary); + display: flex; + flex-direction: column; min-height: 100vh; } @@ -55,12 +61,17 @@ body { display: flex; align-items: center; justify-content: space-between; - position: sticky; - top: 0; + flex-shrink: 0; z-index: 100; box-shadow: var(--shadow-sm); } +/* 主内容区 */ +.main-content { + flex: 1; + overflow: hidden; +} + .nav-brand { font-size: 18px; font-weight: 700;