fix: 修复所有页面 Tab 导航下方冗余空白

- 将 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
2026-06-26 17:44:01 +08:00
parent 27a2dd743d
commit 8c5d540565
4 changed files with 16 additions and 5 deletions
@@ -8,7 +8,7 @@
    <link rel="stylesheet" href="/static/common.css">
 </head>
 <body>
-    <div class="flex" style="height: calc(100vh - 56px); margin-top: 56px;">
+    <div class="flex main-content">
        <!-- 左侧面板 -->
        <div class="w-1/3 border-r overflow-y-auto p-4 flex flex-col gap-4" style="border-color: var(--border-color); background: var(--bg-primary);">
            <!-- 项目/会话 -->