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

fix(hub): inner-light-mind chart, exchange column and layout

Browse Source 
Preserve exchange_key from archive cache, fix chart resize in details panel, move filters above quotes, align panel heights, and style sick trades with red/cyan.
This commit is contained in:
dekun
2026-06-11 17:53:25 +08:00
parent bb800b876b
commit 2388ecc882
4 changed files with 138 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+27 -10
View File
@@ -5427,12 +5427,15 @@ body.funds-fullscreen-open {
color: var(--text);
font-family: var(--font);
}
#page-archive .archive-toolbar {
margin-bottom: 12px;
}
.archive-layout {
display: grid;
grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
gap: 14px;
min-height: 520px;
align-items: start;
min-height: calc(100vh - 240px);
align-items: stretch;
}
.archive-quotes-panel,
.archive-main-panel {
@@ -5446,7 +5449,7 @@ body.funds-fullscreen-open {
flex-direction: column;
gap: 10px;
padding: 12px;
max-height: calc(100vh - 180px);
min-height: 100%;
overflow: hidden;
}
.archive-panel-head {
@@ -5546,7 +5549,7 @@ body.funds-fullscreen-open {
flex-direction: column;
gap: 10px;
padding: 12px;
min-height: 520px;
min-height: 100%;
}
.archive-stats-bar {
padding: 10px 12px;
@@ -5587,7 +5590,7 @@ body.funds-fullscreen-open {
.archive-trades-section > .archive-trades {
border: none;
border-radius: 0;
max-height: min(56vh, 560px);
max-height: 380px;
}
.archive-chart-toolbar {
flex-wrap: wrap;
@@ -5648,10 +5651,11 @@ body.funds-fullscreen-open {
}
.archive-trades {
overflow: auto;
max-height: min(56vh, 560px);
max-height: 380px;
border: 1px solid var(--border-soft);
border-radius: var(--radius);
background: var(--panel);
overscroll-behavior: contain;
}
.archive-trades-table {
width: 100%;
@@ -5697,13 +5701,24 @@ body.funds-fullscreen-open {
background: var(--inset-surface);
}
.archive-trade-row.archive-trade-sick {
background: rgba(239, 68, 68, 0.12);
background: rgba(220, 38, 38, 0.3);
}
.archive-trade-row.archive-trade-sick.is-active {
background: rgba(239, 68, 68, 0.18);
background: rgba(220, 38, 38, 0.38);
}
.archive-trade-row.archive-trade-sick td {
border-bottom-color: rgba(239, 68, 68, 0.22);
color: var(--accent);
border-bottom-color: rgba(220, 38, 38, 0.4);
}
.archive-trade-row.archive-trade-sick .archive-tag-select,
.archive-trade-row.archive-trade-sick .archive-note-input {
color: var(--accent);
background: rgba(0, 0, 0, 0.2);
border-color: color-mix(in srgb, var(--accent) 50%, var(--border-soft));
}
.archive-trade-row.archive-trade-sick td.pos,
.archive-trade-row.archive-trade-sick td.neg {
color: var(--accent);
}
.archive-actions-cell {
white-space: nowrap;
@@ -5754,9 +5769,11 @@ body.funds-fullscreen-open {
@media (max-width: 900px) {
.archive-layout {
grid-template-columns: 1fr;
min-height: 0;
}
.archive-quotes-panel {
max-height: 280px;
min-height: 280px;
max-height: 320px;
}
}