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

Fix market chart collapse while keeping edge scrollbar.

Browse Source 
Restore app-shell to full-viewport height for flex charts, and stretch the shell full width so the scrollbar stays at the window edge.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-17 11:15:23 +08:00
parent 353c09ea0d
commit 3f6e4329d9
2 changed files with 17 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+16 -21
View File
@@ -9962,31 +9962,27 @@ html[data-theme="light"] .hub-logs-card-hint {
/* ── 一屏适配:桌面;手机端 .hub-phone 另走 ── */ /* ── 一屏适配:桌面;手机端 .hub-phone 另走 ── */
@media (min-width: 721px) and (min-height: 650px) { @media (min-width: 721px) and (min-height: 650px) {
/* 滚动放在 body,滚动条贴窗口右缘;内容区仍可居中留白 */ /*
body.hub-page-monitor:not(.hub-phone), * app-shell 必须固定 100dvh(行情/资金 flex 图表依赖父级高度)。
body.hub-page-market:not(.hub-phone), * 壳子拉满视口宽度,滚动条才能贴窗口右缘;内容用左右 padding 居中限宽。
body.hub-page-funds:not(.hub-phone) { */
height: 100dvh;
max-height: 100dvh;
overflow-x: hidden;
overflow-y: auto;
}
/* 1920 类屏:两侧留白更大;带鱼屏(>2000)用更宽内容区 */
body.hub-page-monitor:not(.hub-phone) .app-shell, body.hub-page-monitor:not(.hub-phone) .app-shell,
body.hub-page-market:not(.hub-phone) .app-shell, body.hub-page-market:not(.hub-phone) .app-shell,
body.hub-page-funds:not(.hub-phone) .app-shell { body.hub-page-funds:not(.hub-phone) .app-shell {
max-width: min(1680px, calc(100vw - 120px)); max-width: none;
height: auto; width: 100%;
min-height: 100%; margin-left: 0;
max-height: none; margin-right: 0;
height: 100dvh;
max-height: 100dvh;
padding-top: 0; padding-top: 0;
padding-bottom: 8px; padding-bottom: 8px;
padding-left: max(48px, env(safe-area-inset-left)); padding-left: max(48px, env(safe-area-inset-left), calc((100vw - 1680px) / 2));
padding-right: max(48px, env(safe-area-inset-right)); padding-right: max(48px, env(safe-area-inset-right), calc((100vw - 1680px) / 2));
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: visible; overflow-x: hidden;
overflow-y: auto;
} }
} }
@@ -9994,9 +9990,8 @@ html[data-theme="light"] .hub-logs-card-hint {
body.hub-page-monitor:not(.hub-phone) .app-shell, body.hub-page-monitor:not(.hub-phone) .app-shell,
body.hub-page-market:not(.hub-phone) .app-shell, body.hub-page-market:not(.hub-phone) .app-shell,
body.hub-page-funds:not(.hub-phone) .app-shell { body.hub-page-funds:not(.hub-phone) .app-shell {
max-width: min(1860px, calc(100vw - 48px)); padding-left: max(24px, env(safe-area-inset-left), calc((100vw - 1860px) / 2));
padding-left: max(24px, env(safe-area-inset-left)); padding-right: max(24px, env(safe-area-inset-right), calc((100vw - 1860px) / 2));
padding-right: max(24px, env(safe-area-inset-right));
} }
} }
manual_trading_hub/static/index.html
+1 -1
View File
@@ -15,7 +15,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <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'" /> <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> <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-scrollbar-edge" /> <link rel="stylesheet" href="/assets/app.css?v=20260717-scrollbar-fullwidth" />
<link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" /> <link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" />
<link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" /> <link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
<script src="/assets/account_risk_badge.js?v=4"></script> <script src="/assets/account_risk_badge.js?v=4"></script>