From d5e6132b13665b13d102bebde5bac1320ab09c95 Mon Sep 17 00:00:00 2001 From: dekun Date: Fri, 17 Jul 2026 14:55:15 +0800 Subject: [PATCH] Spread dashboard KPI items evenly across the card. Co-authored-by: Cursor --- manual_trading_hub/static/dashboard.css | 19 +++++++++++++------ manual_trading_hub/static/index.html | 2 +- 2 files changed, 14 insertions(+), 7 deletions(-) diff --git a/manual_trading_hub/static/dashboard.css b/manual_trading_hub/static/dashboard.css index 47902b7..6579fcc 100644 --- a/manual_trading_hub/static/dashboard.css +++ b/manual_trading_hub/static/dashboard.css @@ -119,10 +119,12 @@ body.hub-page-dashboard .page#page-dashboard { .dash-kpi-summary { display: flex; - flex-wrap: wrap; + flex-wrap: nowrap; align-items: stretch; + justify-content: space-between; gap: 0; - padding: 10px 6px; + width: 100%; + padding: 10px 4px; border-radius: 12px; background: var(--dash-card-bg); border: 1px solid var(--dash-card-border); @@ -131,11 +133,12 @@ body.hub-page-dashboard .page#page-dashboard { } .dash-kpi-item { - flex: 1 1 88px; - min-width: 84px; - max-width: 140px; - padding: 4px 12px; + flex: 1 1 0; + min-width: 0; + max-width: none; + padding: 4px 8px; position: relative; + text-align: center; } .dash-kpi-item + .dash-kpi-item::before { @@ -169,6 +172,8 @@ body.hub-page-dashboard .page#page-dashboard { letter-spacing: 0.04em; margin-bottom: 4px; white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .dash-kpi-value { @@ -178,6 +183,8 @@ body.hub-page-dashboard .page#page-dashboard { line-height: 1.25; color: var(--dash-text); white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .dash-kpi-value.pos { diff --git a/manual_trading_hub/static/index.html b/manual_trading_hub/static/index.html index 079d350..4da8fd3 100644 --- a/manual_trading_hub/static/index.html +++ b/manual_trading_hub/static/index.html @@ -19,7 +19,7 @@ - +