Spread dashboard KPI items evenly across the card.

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
+13 -6
View File
@@ -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 {
+1 -1
View File
@@ -19,7 +19,7 @@
<link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" />
<link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
<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>
<body>
<div class="app-bg" aria-hidden="true"></div>