dekun/crypto_monitor
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Spread dashboard KPI items evenly across the card.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-17 14:55:15 +08:00
parent 89148bb119
commit d5e6132b13
2 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/dashboard.css
+13 -6
View File
@@ -119,10 +119,12 @@ body.hub-page-dashboard .page#page-dashboard {
.dash-kpi-summary { .dash-kpi-summary {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: nowrap;
align-items: stretch; align-items: stretch;
justify-content: space-between;
gap: 0; gap: 0;
padding: 10px 6px; width: 100%;
padding: 10px 4px;
border-radius: 12px; border-radius: 12px;
background: var(--dash-card-bg); background: var(--dash-card-bg);
border: 1px solid var(--dash-card-border); border: 1px solid var(--dash-card-border);
@@ -131,11 +133,12 @@ body.hub-page-dashboard .page#page-dashboard {
} }
.dash-kpi-item { .dash-kpi-item {
flex: 1 1 88px; flex: 1 1 0;
min-width: 84px; min-width: 0;
max-width: 140px; max-width: none;
padding: 4px 12px; padding: 4px 8px;
position: relative; position: relative;
text-align: center;
} }
.dash-kpi-item + .dash-kpi-item::before { .dash-kpi-item + .dash-kpi-item::before {
@@ -169,6 +172,8 @@ body.hub-page-dashboard .page#page-dashboard {
letter-spacing: 0.04em; letter-spacing: 0.04em;
margin-bottom: 4px; margin-bottom: 4px;
white-space: nowrap; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.dash-kpi-value { .dash-kpi-value {
@@ -178,6 +183,8 @@ body.hub-page-dashboard .page#page-dashboard {
line-height: 1.25; line-height: 1.25;
color: var(--dash-text); color: var(--dash-text);
white-space: nowrap; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.dash-kpi-value.pos { .dash-kpi-value.pos {
manual_trading_hub/static/index.html
+1 -1
View File
@@ -19,7 +19,7 @@
<link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" /> <link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" />
<link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" /> <link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
<script src="/assets/account_risk_badge.js?v=4"></script> <script src="/assets/account_risk_badge.js?v=4"></script>
<link rel="stylesheet" href="/assets/dashboard.css?v=20260717-dash-kpi-merge" /> <link rel="stylesheet" href="/assets/dashboard.css?v=20260717-dash-kpi-spread" />
</head> </head>
<body> <body>
<div class="app-bg" aria-hidden="true"></div> <div class="app-bg" aria-hidden="true"></div>