23 lines
2.2 KiB
Markdown
23 lines
2.2 KiB
Markdown
# 设置页风格对齐（2026-10-08）
|
||
|
||
参照 WorkBuddy 原生设置窗口（CDP 9223，windowKind=settings），通过 DOM、计算样式、元素尺寸采样；Ygent 在真实 Tauri WebView2（CDP 9335）验收。
|
||
|
||
## 已调整
|
||
|
||
- 设置区域从 760×600 调整为 900×680，与 WorkBuddy 设置窗口视口一致；小窗口限制最大宽高，内容单独滚动。
|
||
- 使用 #f7f7f7 中性浅灰背景、白色 12px 圆角卡片，去掉导航分隔线和通用项逐行边框。颜色令牌仅作用于设置区域。
|
||
- 顶部保留 32px 关闭栏；导航列 224px（含左右 12px 留白），导航项 200×34、间隔 2px、字号基准 14、常规字重，选中底色 #e6e6e6。
|
||
- 内容区左留白 8px、右留白 30px；分组标题字号基准 14、灰色、常规字重，卡片内边距 12×16。通用分组宽 638px，内部行宽 606px。
|
||
- 下拉框 120×32，标签字号基准 14、字重 500，描述使用弱化灰色。
|
||
- 字号滑杆宽 224px、高 40px，细线六档刻度、8×16 滑块；“默认”对准第 2 档（20%），删除额外档位数字。沿用现有全局字号及持久化逻辑，所有文字依赖全局字号偏移。
|
||
- 模型卡片、权限说明、授权/审计区域和空态使用相同中性卡片规则；导航改为可键盘操作的按钮。
|
||
|
||
## 验证与边界
|
||
|
||
- pnpm build、node scripts/fe-check.mjs 通过。
|
||
- 原生 Ygent 主视口 1335×916，设置区域 900×680。通用的导航、分组、行高、下拉框尺寸及颜色与 WorkBuddy 采样匹配；通用三行高度为 44/70/52px。
|
||
- 六档字号检查：标签实际字号 13/14/15/16/16/16，滑杆值同步，没有设置内容区横向溢出；三页切换及选中态检查通过。
|
||
- 原生键盘右方向键使滑杆从第 2 档变为第 3 档；下拉展开、关闭设置检查通过，验证后恢复原字号并显示通用页。
|
||
- 原生截图保存在用户私有调试目录，不提交真实会话数据。
|
||
- 本次对齐设置的视觉体系和已有控件。WorkBuddy 使用独立原生设置窗口，Ygent 仍使用应用内弹窗；额外功能目录、独立窗口生命周期、所有嵌套编辑表单和小屏实测未列为已完成的 1:1 验收。
|