diff --git a/manual_trading_hub/static/app.css b/manual_trading_hub/static/app.css index b5334aa..904a543 100644 --- a/manual_trading_hub/static/app.css +++ b/manual_trading_hub/static/app.css @@ -9962,31 +9962,27 @@ html[data-theme="light"] .hub-logs-card-hint { /* ── 一屏适配:桌面;手机端 .hub-phone 另走 ── */ @media (min-width: 721px) and (min-height: 650px) { - /* 滚动放在 body,滚动条贴窗口右缘;内容区仍可居中留白 */ - body.hub-page-monitor:not(.hub-phone), - body.hub-page-market:not(.hub-phone), - body.hub-page-funds:not(.hub-phone) { - height: 100dvh; - max-height: 100dvh; - overflow-x: hidden; - overflow-y: auto; - } - - /* 1920 类屏:两侧留白更大;带鱼屏(>2000)用更宽内容区 */ + /* + * app-shell 必须固定 100dvh(行情/资金 flex 图表依赖父级高度)。 + * 壳子拉满视口宽度,滚动条才能贴窗口右缘;内容用左右 padding 居中限宽。 + */ body.hub-page-monitor:not(.hub-phone) .app-shell, body.hub-page-market:not(.hub-phone) .app-shell, body.hub-page-funds:not(.hub-phone) .app-shell { - max-width: min(1680px, calc(100vw - 120px)); - height: auto; - min-height: 100%; - max-height: none; + max-width: none; + width: 100%; + margin-left: 0; + margin-right: 0; + height: 100dvh; + max-height: 100dvh; padding-top: 0; padding-bottom: 8px; - padding-left: max(48px, env(safe-area-inset-left)); - padding-right: max(48px, env(safe-area-inset-right)); + padding-left: max(48px, env(safe-area-inset-left), calc((100vw - 1680px) / 2)); + padding-right: max(48px, env(safe-area-inset-right), calc((100vw - 1680px) / 2)); display: flex; 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-market: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)); - padding-right: max(24px, env(safe-area-inset-right)); + padding-left: max(24px, env(safe-area-inset-left), calc((100vw - 1860px) / 2)); + padding-right: max(24px, env(safe-area-inset-right), calc((100vw - 1860px) / 2)); } } diff --git a/manual_trading_hub/static/index.html b/manual_trading_hub/static/index.html index 270456a..c1ce6df 100644 --- a/manual_trading_hub/static/index.html +++ b/manual_trading_hub/static/index.html @@ -15,7 +15,7 @@ - +