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

feat(hub): stats table and adaptive trades list height on archive page

Browse Source 
Show period stats in a table; limit trades to 10 rows when chart is open and fill viewport when collapsed.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-11 18:18:08 +08:00
parent 7b0b8996fe
commit 879ea5e228
3 changed files with 116 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+45 -8
View File
@@ -5569,6 +5569,7 @@ body.funds-fullscreen-open {
gap: 10px;
padding: 12px;
min-height: 100%;
min-height: 0;
}
.archive-period-bar {
flex-wrap: wrap;
@@ -5606,20 +5607,43 @@ body.funds-fullscreen-open {
font-size: 0.82rem;
}
.archive-stats-bar {
padding: 10px 12px;
padding: 0;
border-radius: 8px;
border: 1px solid var(--border-soft);
background: var(--inset-surface);
font-size: 0.82rem;
color: var(--text);
line-height: 1.45;
display: flex;
flex-direction: column;
gap: 4px;
overflow: auto;
}
.archive-stats-sub {
font-size: 0.78rem;
.archive-stats-table {
width: 100%;
border-collapse: collapse;
font-size: 0.8rem;
}
.archive-stats-table th,
.archive-stats-table td {
padding: 7px 10px;
border-bottom: 1px solid var(--border-soft);
text-align: left;
white-space: nowrap;
}
.archive-stats-table th {
color: var(--muted);
font-weight: 500;
background: var(--inset-surface);
}
.archive-stats-table tr:last-child td {
border-bottom: none;
}
.archive-stats-table tr.archive-stats-total td {
background: color-mix(in srgb, var(--accent) 6%, transparent);
}
.archive-stats-table .pnl-pos {
color: #22c55e;
}
.archive-stats-table .pnl-neg {
color: #ef4444;
}
.archive-acc-section {
border: 1px solid var(--border-soft);
@@ -5648,10 +5672,24 @@ body.funds-fullscreen-open {
.archive-chart-section > :not(summary) {
padding: 0 10px 10px;
}
.archive-trades-section {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
}
.archive-trades-section > .archive-trades {
border: none;
border-radius: 0;
max-height: 380px;
flex: 1 1 auto;
min-height: 0;
max-height: none;
}
#page-archive.is-chart-open .archive-trades-section > .archive-trades {
flex: 0 0 auto;
}
#page-archive:not(.is-chart-open) .archive-trades-section > .archive-trades {
min-height: calc(100vh - 420px);
}
.archive-chart-toolbar {
flex-wrap: wrap;
@@ -5712,7 +5750,6 @@ body.funds-fullscreen-open {
}
.archive-trades {
overflow: auto;
max-height: 380px;
border: 1px solid var(--border-soft);
border-radius: var(--radius);
background: var(--panel);