Skip to content

v0.1.4 — Request log 表格布局修复

Choose a tag to compare

@Visol-456 Visol-456 released this 15 Aug 10:55
· 2 commits to main since this release

修复项(对照验收反馈)

问题 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 内边距规则存在