Polish static UI flows

This commit is contained in:
iye
2026-05-28 12:29:12 +08:00
parent 5edfa05369
commit bbe29622c2
45 changed files with 2187 additions and 813 deletions
+12
View File
@@ -467,6 +467,18 @@ Disabled: 底 `--black-alpha-5` + 边 `--black-alpha-12` + 半透明。
- 行间 1 px 分隔(`--border-faint`),最后行去
- Hover: `--black-alpha-4` 底色
#### §4.7.1 表格(`table.t` / 数据表)
**适用:** 项目列表 / 任务中心 / 成员表 / 消费流水等需要横向扫描的数据表。
- 外层只保留 1 px `--border-muted` + 8 px 圆角,形成清楚容器边界
- 表头保留 1 px `--border-muted` 下分割线,表头底色用 `--background-lighter`
- **tbody 行与行之间不画横向分割线**;用 `padding`、留白、hover 底色区分行
- 行 hover 只用 `--black-alpha-4`,不加阴影、不换 hue
- 表格内状态优先用 `.pill-l2` / `.pill`,行末操作用 `.btn-sm` 或 icon button
**禁:** 表格 tbody 每行密集 `border-bottom`、双层外框、白色/裸 hex 边框、用强阴影分隔行。
### §4.8 Tabs(主 / 副)
**主 Tab(下划线激活):**