Put hub page scroll on body so the scrollbar sits at the window edge.

Revert the host-status chevron move; the inset scrollbar came from scrolling the centered app-shell.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-17 11:10:15 +08:00
parent ee9608dc80
commit 353c09ea0d
2 changed files with 21 additions and 12 deletions
+20 -11
View File
@@ -838,17 +838,16 @@ button:disabled {
display: none;
}
.host-status-summary::after {
content: "";
.host-status-summary::before {
content: "";
color: var(--muted);
font-size: 12px;
margin-left: auto;
flex-shrink: 0;
font-size: 11px;
transition: transform 0.15s ease;
flex-shrink: 0;
}
.host-status-panel[open] > .host-status-summary::after {
transform: rotate(180deg);
.host-status-panel[open] > .host-status-summary::before {
transform: rotate(90deg);
}
.host-status-summary-title {
@@ -9963,21 +9962,31 @@ 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)用更宽内容区 */
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: 100dvh;
max-height: 100dvh;
height: auto;
min-height: 100%;
max-height: none;
padding-top: 0;
padding-bottom: 8px;
padding-left: max(48px, env(safe-area-inset-left));
padding-right: max(48px, env(safe-area-inset-right));
display: flex;
flex-direction: column;
overflow-x: hidden;
overflow-y: auto;
overflow: visible;
}
}
+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-host-status-chevron" />
<link rel="stylesheet" href="/assets/app.css?v=20260717-scrollbar-edge" />
<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>