fix(frontend): refine settings dialog layout
Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
jesse-ux
@@ -12781,3 +12781,19 @@
|
||||
- 关联记录：BUG-525（题干经 asked_turn_id 挂上）、BUG-930（回答钉顶：只见最后一轮是设计）、BUG-965
|
||||
- 复发自：待确认
|
||||
- 修复版本：`824ecff0`
|
||||
|
||||
## BUG-970 | 设置弹窗内容区留白过大、导航入口语义像页面跳转
|
||||
|
||||
- 状态：investigating
|
||||
- 首次发现：2026-09-19
|
||||
- 最近更新：2026-09-19
|
||||
- 影响面：设置弹窗的桌面布局、个人资料头像区、星盘资料列表入口。
|
||||
- 用户现象：设置弹窗左侧导航过窄，右侧内容贴边且留下较大空白；分区按钮尾部箭头暗示会进入下一页；个人资料头像锚点偏小；星盘资料的添加入口位于列表末尾，资料较多时不稳定。
|
||||
- 触发条件：登录后打开设置弹窗，在桌面宽度切换四个设置分区，查看个人资料或星盘资料列表。
|
||||
- 根因：旧布局使用 176px 导航、三列导航按钮（为同弹窗内切换保留无实际用途的箭头列）、内容区没有明确内边距，表单子内容上限为 440px；头像编辑仍以 48px 预览布局；添加入口与列表内容耦合在列表底部。
|
||||
- 修复：导航调整为 200px 并增加 hairline 边界，移除误导性尾部箭头；内容区增加 32px 桌面内边距，表单阅读上限调整为 560px；个人资料头像预览调整为 56px；“添加其他人”移动到“其他人”分组标题操作区。保留四分区共享 `.settings-modal` 和 `vh` + `@supports (height: 1dvh)` 回退契约。
|
||||
- 验证：`./node_modules/.bin/tsc --noEmit` 安装依赖后退出码 0；`npm run lint` 退出码 0（0 errors、120 warnings）；设置相关定向测试 21/21 通过。广泛测试筛选命令为 3481 tests / 3402 pass / 79 fail，失败集中在重复迁移、Windows 路径、Docker/数据库和技能 symlink 等环境或基线问题，不能作为本轮 UI 回归归因。`npm run build` 已完成编译和 TypeScript，但在收集 `/api/daily-starlanguage` 页面数据时因 Windows 禁止创建 Skill runtime symlink（`EPERM`）失败，因此尚未确认 `/` Static 或首屏 gzip；登录态浏览器走查仍待受控环境。
|
||||
- 防复发：设置导航继续使用 icon + label 的两列结构且不添加页面跳转箭头；右侧滚动容器负责内边距，表单 cap 只作用于其子内容；列表视图默认不渲染表单，添加入口固定在“其他人”标题操作区；`frontend/DESIGN.md` 与合同测试同步锁定这些关系。
|
||||
- 相关记录：BUG-554、BUG-698
|
||||
- 复发自：无
|
||||
- 修复版本：待发布
|
||||
|
||||
Reference in New Issue
Block a user