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

Give funds equity curve more room on 1920x1080.

Browse Source 
Drop the 42vh chart cap, let the curve fill remaining height, and scroll account cards so the curve is not clipped.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-17 11:19:58 +08:00
parent 3f6e4329d9
commit cb2fcd283a
3 changed files with 68 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+48 -6
View File
@@ -10270,9 +10270,9 @@ html[data-theme="light"] .hub-logs-card-hint {
}
body.hub-page-funds:not(.hub-phone) .funds-chart-panel {
flex: 1 1 auto;
min-height: 140px;
max-height: 42vh;
flex: 1 1 0;
min-height: 280px;
max-height: none;
margin-bottom: 8px;
display: flex;
flex-direction: column;
@@ -10281,7 +10281,7 @@ html[data-theme="light"] .hub-logs-card-hint {
body.hub-page-funds:not(.hub-phone) .funds-chart-host {
flex: 1 1 auto;
height: auto;
min-height: 120px;
min-height: 260px;
}
body.hub-page-funds:not(.hub-phone) .funds-section-head {
@@ -10290,9 +10290,13 @@ html[data-theme="light"] .hub-logs-card-hint {
}
body.hub-page-funds:not(.hub-phone) .funds-accounts {
flex: 0 0 auto;
flex: 0 1 auto;
min-height: 0;
max-height: min(260px, 28vh);
overflow-x: hidden;
overflow-y: auto;
gap: 8px;
padding: 0;
padding: 0 2px 4px 0;
}
body.hub-page-funds:not(.hub-phone) .funds-ac-card {
@@ -10300,3 +10304,41 @@ html[data-theme="light"] .hub-logs-card-hint {
gap: 6px;
}
}
/* 1920×1080 一类矮屏:再压紧上方 KPI,把高度让给资金曲线 */
@media (min-width: 1600px) and (min-height: 900px) and (max-height: 1100px) {
body.hub-page-funds:not(.hub-phone) .funds-head {
margin-bottom: 2px !important;
}
body.hub-page-funds:not(.hub-phone) .funds-toolbar {
margin-bottom: 4px;
}
body.hub-page-funds:not(.hub-phone) .funds-summary {
margin-bottom: 4px;
gap: 6px;
}
body.hub-page-funds:not(.hub-phone) .funds-stat-card {
padding: 6px 8px;
}
body.hub-page-funds:not(.hub-phone) .funds-meta {
margin-bottom: 4px;
padding: 3px 8px;
font-size: 0.7rem;
}
body.hub-page-funds:not(.hub-phone) .funds-chart-panel {
min-height: 320px;
}
body.hub-page-funds:not(.hub-phone) .funds-chart-host {
min-height: 300px;
}
body.hub-page-funds:not(.hub-phone) .funds-accounts {
max-height: min(220px, 24vh);
}
}