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

Keep page scrollbars at the window right edge across hub pages.

Browse Source 
Move funds scrolling to body, keep monitor/market on a full-width shell, and stretch other desktop shells so page scroll is never inset.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-17 11:27:29 +08:00
parent 78c44fdeab
commit 06ffb6ee0f
3 changed files with 59 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+50 -13
View File
@@ -9963,12 +9963,11 @@ html[data-theme="light"] .hub-logs-card-hint {
/* ── 一屏适配:桌面;手机端 .hub-phone 另走 ── */
@media (min-width: 721px) and (min-height: 650px) {
/*
* app-shell 必须固定 100dvh(行情/资金 flex 图表依赖父级高度)。
* 壳子拉满视口宽度,滚动条才能贴窗口右缘;内容用左右 padding 居中限宽。
* 监控/行情:壳子拉满视口宽 + 固定 100dvh,滚动条贴窗口右缘。
* 资金概况单独走 body 滚动(见下),避免内层滚动条缩进。
*/
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 {
body.hub-page-market:not(.hub-phone) .app-shell {
max-width: none;
width: 100%;
margin-left: 0;
@@ -9984,6 +9983,31 @@ html[data-theme="light"] .hub-logs-card-hint {
overflow-x: hidden;
overflow-y: auto;
}
/* 资金概况:由 body 滚动,滚动条贴窗口最右边 */
body.hub-page-funds:not(.hub-phone) {
height: 100dvh;
max-height: 100dvh;
overflow-x: hidden;
overflow-y: auto;
}
body.hub-page-funds:not(.hub-phone) .app-shell {
max-width: none;
width: 100%;
margin-left: 0;
margin-right: 0;
height: auto;
min-height: 100%;
max-height: none;
padding-top: 0;
padding-bottom: 16px;
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;
}
}
@media (min-width: 2001px) and (min-height: 650px) {
@@ -9995,6 +10019,18 @@ html[data-theme="light"] .hub-logs-card-hint {
}
}
/* 其它桌面页(计算器/设置/内照明心等):壳子同样拉满宽度,页面滚动条贴右缘 */
@media (min-width: 721px) {
body:not(.hub-phone):not(.hub-page-monitor):not(.hub-page-market):not(.hub-page-funds):not(.hub-page-ai) .app-shell {
max-width: none;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: max(24px, env(safe-area-inset-left), calc((100vw - 1680px) / 2));
padding-right: max(24px, env(safe-area-inset-right), calc((100vw - 1680px) / 2));
}
}
@media (min-width: 721px) and (min-height: 650px) {
body.hub-page-monitor:not(.hub-phone) .app-header,
body.hub-page-market:not(.hub-phone) .app-header,
@@ -10211,31 +10247,32 @@ html[data-theme="light"] .hub-logs-card-hint {
/* —— 资金概况 —— */
body.hub-page-funds:not(.hub-phone) #page-funds {
flex: 1 1 auto;
flex: 0 0 auto;
min-height: 0;
height: auto;
display: flex;
flex-direction: column;
overflow: hidden;
overflow: visible;
}
body.hub-page-funds:not(.hub-phone) .funds-stage {
flex: 1 1 auto;
flex: 0 0 auto;
min-height: 0;
height: auto;
display: flex;
flex-direction: column;
overflow: hidden;
overflow: visible;
}
/* 内容超出时在此滚动,避免 1080 裁切曲线日期/分户卡片且无滚动条 */
/* 不在内层滚动,改由 body 贴边滚动 */
body.hub-page-funds:not(.hub-phone) .funds-stage-inner {
flex: 1 1 auto;
flex: 0 0 auto;
min-height: 0;
height: auto;
display: flex;
flex-direction: column;
padding: 8px 12px 16px;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
overflow: visible;
}
body.hub-page-funds:not(.hub-phone) .funds-head {