Skip to content

style(dashboard): 缩小「今日费用估算」卡片费用数字字体使其单行显示#181

Merged
ThreeFish-AI merged 1 commit into
feature/1.x.xfrom
vk/90ce-41-9106-33-4842
Apr 16, 2026
Merged

style(dashboard): 缩小「今日费用估算」卡片费用数字字体使其单行显示#181
ThreeFish-AI merged 1 commit into
feature/1.x.xfrom
vk/90ce-41-9106-33-4842

Conversation

@ThreeFish-AI

@ThreeFish-AI ThreeFish-AI commented Apr 16, 2026

Copy link
Copy Markdown
Owner

变更概要

缩小 Dashboard「今日费用估算」KPI 卡片中费用数值的字体大小,使 $XX.XXXX + ¥XX.XXXX 格式的双币种费用文本能在单行内完整显示,从而使该卡片高度与同行其他 KPI 卡片保持一致。

变更原因

「今日费用估算」卡片的费用文本(如 $41.9106 + ¥33.4842)在原 32px 字体下被折行为多行显示,导致该卡片高度远超其余同行 KPI 卡片,视觉上不协调。

实现细节

  • 文件: src/coding/proxy/server/dashboard.py
  • 改动: 在 .kpi-value 样式块后新增 #kpi-cost-today 专用样式规则:
    • font-size: 20px — 从 32px 缩小至 20px,确保双币种文本在卡片宽度内单行显示
    • white-space: nowrap — 强制不换行,作为布局安全保障
  • 影响范围: 仅影响费用估算卡片的数值字体大小,不涉及 HTML 结构、JavaScript 逻辑或后端代码

🤖 Generated with Claude Code

@ThreeFish-AI
ThreeFish-AI merged commit 0027088 into feature/1.x.x Apr 16, 2026
6 checks passed
@ThreeFish-AI ThreeFish-AI changed the title 将 「今日费用估算」中的费用数字字体改小一下,令其「$41.9106 + ¥33.4842」在一行显示(需要显示完整),从而使这些小卡片的高度都相当,不至于像现在「今日费用估算」的高度严重超过其他卡片 (vibe-kanban) style(dashboard): 缩小「今日费用估算」卡片费用数字字体使其单行显示 Apr 16, 2026
@ThreeFish-AI
ThreeFish-AI deleted the vk/90ce-41-9106-33-4842 branch April 16, 2026 07:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant