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

Shrink hub archive panels to content height instead of filling the viewport.

Browse Source 
Remove 100vh min-heights and flex-grow on quotes/trades so idle space below 5-row lists collapses.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-17 13:30:15 +08:00
parent e5e1d5edcc
commit afb771fef1
2 changed files with 7 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+6 -11
View File
@@ -7959,8 +7959,7 @@ body.funds-fullscreen-open {
display: grid;
grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
gap: 14px;
min-height: calc(100vh - 240px);
align-items: stretch;
align-items: start;
}
.archive-quotes-panel,
.archive-main-panel {
@@ -7974,8 +7973,7 @@ body.funds-fullscreen-open {
flex-direction: column;
gap: 10px;
padding: 12px;
min-height: calc(100vh - 200px);
overflow: hidden;
overflow: visible;
}
.archive-panel-head {
display: flex;
@@ -8012,8 +8010,8 @@ body.funds-fullscreen-open {
min-height: 110px;
}
.archive-quotes-list {
flex: 1 1 auto;
min-height: 0;
flex: 0 1 auto;
max-height: min(420px, 50vh);
overflow: auto;
display: flex;
flex-direction: column;
@@ -8588,7 +8586,7 @@ body.funds-fullscreen-open {
padding: 0 10px 10px;
}
.archive-trades-section {
flex: 1 1 auto;
flex: 0 0 auto;
min-height: 0;
display: flex;
flex-direction: column;
@@ -8596,16 +8594,13 @@ body.funds-fullscreen-open {
.archive-trades-section > .archive-trades {
border: none;
border-radius: 0;
flex: 1 1 auto;
flex: 0 0 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;
}
manual_trading_hub/static/index.html
+1 -1
View File
@@ -15,7 +15,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
<noscript><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" /></noscript>
<link rel="stylesheet" href="/assets/app.css?v=20260717-archive-pager" />
<link rel="stylesheet" href="/assets/app.css?v=20260717-archive-compact" />
<link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" />
<link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
<script src="/assets/account_risk_badge.js?v=4"></script>