Skip to content

style(dashboard): 收窄并统一仪表板模块间垂直间距至 12px #254

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ThreeFish-AI merged 1 commit into from
May 27, 2026
Merged

style(dashboard): 收窄并统一仪表板模块间垂直间距至 12px #254

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 10 additions & 6 deletions src/coding/proxy/server/dashboard.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -89,6 +89,7 @@ def _build_favicon() -> bytes:
--shadow-md: 0 8px 24px rgba(0,0,0,.3);
--glow-blue: 0 0 0 1px rgba(88,166,255,.1), 0 8px 32px rgba(88,166,255,.04);
--gradient-primary: linear-gradient(135deg, #667eea, #764ba2);
--gap-section: 12px;
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(10px); }
Expand Down Expand Up @@ -160,7 +161,7 @@ def _build_favicon() -> bytes:
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 5px;
margin-bottom: 24px;
margin-bottom: var(--gap-section);
}
.kpi-card {
background: rgba(18,22,30,.7);
Expand Down Expand Up @@ -214,13 +215,13 @@ def _build_favicon() -> bytes:
display: grid;
grid-template-columns: 1fr 2fr;
gap: 16px;
margin-bottom: 16px;
margin-bottom: var(--gap-section);
}
.charts-grid-2 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 16px;
margin-bottom: 16px;
margin-bottom: var(--gap-section);
}
.charts-grid > .card,
.charts-grid-2 > .card {
Expand Down Expand Up @@ -356,7 +357,7 @@ def _build_favicon() -> bytes:
/* ── 时间区间选择栏 ── */
.time-range-bar {
display: flex; align-items: center; gap: 8px;
margin-bottom: 24px; flex-wrap: wrap;
margin-bottom: var(--gap-section); flex-wrap: wrap;
padding: 8px 16px;
background: rgba(18,22,30,.5);
border: 1px solid rgba(255,255,255,.04);
Expand Down Expand Up @@ -560,7 +561,10 @@ def _build_favicon() -> bytes:

/* ── Model Calling 实时状态 ────────────────────────── */
.model-calling-card {
margin-bottom: 5px;
margin-bottom: var(--gap-section);
}
.model-token-card {
margin-bottom: var(--gap-section);
}
.mc-empty {
text-align: center;
Expand Down Expand Up @@ -791,7 +795,7 @@ def _build_favicon() -> bytes:
</div>

<!-- Token 用量（按 Vendor / 模型）堆叠图 -->
<div class="card" style="margin-bottom:12px">
<div class="card model-token-card">
<div class="card-title" id="title-model-token-timeline">近 7 天 Token 用量（按 Vendor / 模型）</div>
<div class="chart-with-legend">
<div class="chart-wrap-xl">
Expand Down
Loading