fix: 模型页面右侧列表被固定导航栏遮挡\n\n根因:PageLayout.jsx 第 325 行 <Header> 为 position: fixed; top: 0\n(h-14, 56px),在 /pricing 路径下也显示。但 models-page-layout\n使用 height: calc(100vh - 60px) 而非 padding-top 偏移,导致\n布局从视口顶部(y=0)开始,内容被固定头部遮盖。\n\n修改:\n- models-page-layout: padding: 56px 24px 0 + height: 100vh +\n box-sizing: border-box,使内容从固定头部下方开始\n- models-sidebar: 移除顶部 padding(padding: 0 16px 24px 0),\n 避免与外层 padding-top 叠加

This commit is contained in:
xiezhouwei 2026-06-17 16:28:04 +08:00
parent 61b0d902b6
commit 825954e43f
1 changed files with 4 additions and 3 deletions

7
web/src/index.css vendored
View File

@ -1437,17 +1437,18 @@ html.dark .with-pastel-balls::before {
display: flex;
max-width: 1440px;
margin: 0 auto;
padding: 0 24px;
padding: 56px 24px 0;
gap: 32px;
height: calc(100vh - 60px);
height: 100vh;
overflow: hidden;
box-sizing: border-box;
}
.models-sidebar {
width: 280px;
flex-shrink: 0;
overflow-y: auto;
padding: 24px 16px 24px 0;
padding: 0 16px 24px 0;
border-right: 1px solid var(--border-color, #e5e7eb);
}