fix(web): 1:1 对齐——页头通栏、内部滚动、侧栏菜单与详情导航

- Layout: screen 模式下约束 body/main 高度,恢复内容区内部滚动(原来内容把根撑高被裁切)
- Layout: contentOffset=88,滚动区从页头下方开始,内容不再从悬浮搜索框下穿过
- 页头改回通栏 60px(contained 只包页身);资料卡头像恢复 64px 图标 + 品牌底色
- 详情导航条左右撑开(返回 / 面包屑),不再挤在左侧
- 侧栏菜单:行高 39、字重 500、圆角 8、CSS chevron、项间距 4px
- 服务面板去掉多余分隔线与外边距,恢复原高度
This commit is contained in:
stash
2026-10-28 19:45:37 +08:00
parent 1bdcca025b
commit 6b0c0a62e9
5 changed files with 37 additions and 13 deletions
@@ -1,4 +1,4 @@
import { Button, Card, Divider, Icon, Space, Tag, Text, Title } from '@stash/ui'
import { Button, Card, Icon, Space, Tag, Text, Title } from '@stash/ui'
import type { Project } from '../../api'
/**
@@ -26,8 +26,6 @@ export function ServicePanel({ projects, live, refreshing, onRefresh }: ServiceP
</Tag>
</Space>
<Divider spacing="sm" />
<div className="service-stats">
<Space justify="between">
<Text size="sm" tone="sub">
@@ -45,7 +43,7 @@ export function ServicePanel({ projects, live, refreshing, onRefresh }: ServiceP
</Space>
</div>
<Space gap="sm" wrap>
<div className="service-actions">
<Button
size="sm"
variant="secondary"
@@ -61,7 +59,7 @@ export function ServicePanel({ projects, live, refreshing, onRefresh }: ServiceP
<Icon name="link_3_line" />
查看接口
</a>
</Space>
</div>
</Card>
)
}