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

Dashboard OKX card: 3-column perpetual/options split when options enabled.

Browse Source 
Show perpetual and options funding metrics separately, total funds row, then positions; other exchanges keep the 2-column layout.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-07 15:22:11 +08:00
parent 9027708a61
commit 7bbb5663c9
4 changed files with 148 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/dashboard.css
+65
View File
@@ -276,6 +276,71 @@ body.hub-page-dashboard .page#page-dashboard {
font-size: 0.76rem;
}
.dash-ac-metrics-3col {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dash-ac-section-label {
grid-column: 1 / -1;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.06em;
color: var(--dash-accent);
margin-top: 2px;
padding-bottom: 2px;
border-bottom: 1px dashed color-mix(in srgb, var(--dash-card-border) 80%, transparent);
}
.dash-ac-section-label:not(:first-child) {
margin-top: 8px;
}
.dash-ac-metric-empty {
visibility: hidden;
min-height: 0;
padding: 0;
margin: 0;
}
.dash-ac-total-row {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin-top: 10px;
padding: 8px 10px;
border-radius: 8px;
border: 1px solid var(--dash-card-border);
background: color-mix(in srgb, var(--dash-accent) 6%, var(--dash-card-bg));
font-family: JetBrains Mono, monospace;
font-size: 0.76rem;
}
.dash-ac-total-row span {
color: var(--dash-muted);
font-size: 0.68rem;
}
.dash-ac-total-row strong {
color: var(--dash-text);
font-size: 0.88rem;
}
.dash-ac-card-options .dash-ac-remark {
margin-top: 8px;
padding-top: 8px;
border-top: 1px dashed color-mix(in srgb, var(--dash-card-border) 80%, transparent);
}
.dash-ac-metrics-3col .dash-ac-metric {
text-align: center;
}
.dash-ac-metrics-3col .dash-ac-metric span,
.dash-ac-metrics-3col .dash-ac-metric strong {
text-align: center;
}
.dash-ac-metric span {
display: block;
color: var(--dash-muted);