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

Merge dashboard KPIs into one compact card.

Browse Source 
Put status badge and expand on one row; drop funds footnote, win/loss, and separate options float KPI.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-17 14:52:05 +08:00
parent 549d8a015c
commit 89148bb119
4 changed files with 83 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/dashboard.css
+47 -10
View File
@@ -114,9 +114,38 @@ body.hub-page-dashboard .page#page-dashboard {
}
.dash-kpi-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 12px;
display: block;
}
.dash-kpi-summary {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 0;
padding: 10px 6px;
border-radius: 12px;
background: var(--dash-card-bg);
border: 1px solid var(--dash-card-border);
box-shadow: var(--dash-card-glow);
overflow: hidden;
}
.dash-kpi-item {
flex: 1 1 88px;
min-width: 84px;
max-width: 140px;
padding: 4px 12px;
position: relative;
}
.dash-kpi-item + .dash-kpi-item::before {
content: "";
position: absolute;
left: 0;
top: 18%;
bottom: 18%;
width: 1px;
background: color-mix(in srgb, var(--dash-card-border) 85%, transparent);
}
.dash-kpi,
@@ -135,18 +164,20 @@ body.hub-page-dashboard .page#page-dashboard {
}
.dash-kpi-label {
font-size: 0.72rem;
font-size: 0.65rem;
color: var(--dash-muted);
letter-spacing: 0.06em;
margin-bottom: 8px;
letter-spacing: 0.04em;
margin-bottom: 4px;
white-space: nowrap;
}
.dash-kpi-value {
font-family: JetBrains Mono, monospace;
font-size: clamp(1.25rem, 2.2vw, 1.55rem);
font-size: 0.92rem;
font-weight: 600;
line-height: 1.2;
line-height: 1.25;
color: var(--dash-text);
white-space: nowrap;
}
.dash-kpi-value.pos {
@@ -236,7 +267,7 @@ body.hub-page-dashboard .page#page-dashboard {
.dash-ac-top {
display: flex;
align-items: flex-start;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 10px;
@@ -248,6 +279,13 @@ body.hub-page-dashboard .page#page-dashboard {
color: var(--dash-text);
}
.dash-ac-top-actions {
display: inline-flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.dash-ac-badge {
font-size: 0.65rem;
font-weight: 700;
@@ -534,7 +572,6 @@ body.hub-page-dashboard .page#page-dashboard {
}
.dash-ac-expand-btn {
margin-left: auto;
display: inline-flex;
align-items: center;
justify-content: center;