mirror of
https://gitcode.com/JianFeeeee/ModelRouter.git
synced 2026-10-03 23:54:06 +00:00
d1da40e493
用户报 billing 页"文字超出展示框"。真因是三处叠加，都不是文案问题： 1. KPI 卡是 CSS grid，grid item 默认 min-width:auto。2e8 级的 prompt tokens（实测 270,149,209）无法收缩，于是把 grid 轨道撑出容器 → 整页横向 溢出。修法是 min-width:0 + overflow:hidden（不给 min-width:0 的话， grid 子项永远不肯收缩，这是 grid 最常见的溢出坑）。 2. 表格写死 min-width:560px，窄视口下必然溢出。改 width:100% + table-layout:fixed，列宽由布局分配而不是由内容撑开。 3. 长名称（deepseek-v4.1-flash 这类模型 id）撑宽单元格。名称列改 ellipsis + title 悬停看全名；数字列 word-break:break-all 在列宽内换行。 顺手：所有 token/请求数走 toLocaleString 千分位。原始 9 位数字读起来要数 零位数，分组后 270,149,209 一眼可读，也顺带缩短了字符串宽度。 CDP 实测（820px 窄视口，逼出溢出条件）： main/body 横向溢出 = no table=338 < card=366（修复前 min-width:560 必然 > 366） KPI 输入 tokens = 270,149,209 billing 页无控制台错误 残留（不影响布局）：表头 TH 在固定布局下 48>42 轻微超出自身格，因为 word-break 不拆单个长词；表格整体仍在容器内，未产生页面滚动。 全量测试全绿（8 包）。