v0.1.4 — Request log 表格布局修复
修复项(对照验收反馈)
问题 1:窄窗口下表头重叠(Fresh input 与 Output 互相挤压)
- 根因:
table-layout: fixed下数字列仅 8%(≈54px),表头 "Fresh input" 需要 ≈88px,溢出到相邻列造成 "Fresh inp⊕utput" 重叠。 - 修复:
- 列宽重分配:时间 19%、Provider 16%、Model 16%、新增输入 11.5%、输出 8%、缓存命中 10.5%、首 token 11%、费用 8%(窄窗口下每列都够放表头与数据);
- 表格设置
min-width: 800px:容器更窄时表格保持舒适宽度,由外层横向滚动,而不是压缩文字; - 表头允许换行(
white-space: normal)作为兜底,极端字体/语言下宁可换行也不重叠; - 数字列保持右对齐 + 等宽数字。
问题 2:表格底部被 composer(消息输入框)遮挡
- 根因:页面底部内边距仅 24px,滚动到底时最后一行被输入框覆盖。
- 修复:页面底部内边距提升到 96px,滚动到最底部时最后一行完全可见。
未改动
图表(扁平/渐变/tooltip)、图例、价格区、日志条数(15 条)、整体布局等已验收功能均未触碰。
测试
- 全部 59 个测试通过(7 个文件)
- 构建通过,bundle 内断言新列宽/min-width/96px 内边距规则存在