diff --git a/src/components/usage/RequestLogTable.tsx b/src/components/usage/RequestLogTable.tsx index b8e07314d..1acad67da 100644 --- a/src/components/usage/RequestLogTable.tsx +++ b/src/components/usage/RequestLogTable.tsx @@ -619,7 +619,8 @@ export function RequestLogTable({ key: id, className: cn( cells[id].props.className, - groupBreaks.has(id) && usageTable.groupGap, + usageTable.denseCell, + groupBreaks.has(id) && usageTable.denseGroupGap, pin.className, ), style: pin.style, @@ -671,7 +672,8 @@ export function RequestLogTable({ ref={index === 0 ? firstHeadRef : undefined} className={cn( usageTable.th, - groupBreaks.has(id) && usageTable.groupGap, + usageTable.denseCell, + groupBreaks.has(id) && usageTable.denseGroupGap, pin.className, )} style={pin.style} diff --git a/src/components/usage/usageTable.ts b/src/components/usage/usageTable.ts index 18cabed5d..a408fdd24 100644 --- a/src/components/usage/usageTable.ts +++ b/src/components/usage/usageTable.ts @@ -23,6 +23,9 @@ export const usageTable = { td: "whitespace-nowrap px-3 first:ps-4 last:pe-4", /** 列组之间多留的间距(请求日志按身份 / 成本 / Tokens / 性能分组):组内列距 24px,换组处 40px */ groupGap: "ps-7", + /** 请求日志列多,收紧一档:组内列距 16px,换组处 32px(叠在 th / td / groupGap 之后,首尾 16px 不变) */ + denseCell: "px-2 first:ps-4 last:pe-4", + denseGroupGap: "ps-6", mono: "font-mono text-caption", muted: "text-fg-3", empty: "py-10 text-center text-body text-fg-3",