Restore strategy chips and 1080p side margins.

Stick expand hint to card bottom; drop mistaken key-monitor slot; keep ultrawide content width.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-16 14:11:29 +08:00
parent 0540b585c7
commit 35b23836e3
4 changed files with 63 additions and 33 deletions
+32 -6
View File
@@ -1329,14 +1329,12 @@ html[data-theme="light"] .host-metric-bar {
min-height: 0;
}
.hub-slot-pos,
.hub-slot-monitor {
.hub-slot-pos {
min-height: 2.4em;
flex: 0 0 auto;
}
.hub-slot-pos[data-pos-count="0"] .empty-hint,
.hub-slot-monitor[data-key-count="0"] .empty-hint {
.hub-slot-pos[data-pos-count="0"] .empty-hint {
margin: 0;
padding: 6px 0;
}
@@ -1680,6 +1678,19 @@ body.market-chart-fs-open {
background: rgba(0, 212, 255, 0.03);
}
/* 分栏卡:提示条贴卡片最底部 */
.card-monitor-split-side .card-body,
.card-monitor-okx-split .card-body {
display: flex;
flex-direction: column;
}
.card-monitor-split-side .card-expand-hint,
.card-monitor-okx-split .card-expand-hint {
margin-top: auto;
flex-shrink: 0;
}
.compact-pos-list {
display: flex;
flex-direction: column;
@@ -9832,22 +9843,37 @@ html[data-theme="light"] .hub-logs-card-hint {
}
}
/* ── 一屏适配:桌面(含用户自行缩放的平板视口);手机端 .hub-phone 另走 ── */
/* ── 一屏适配:桌面;手机端 .hub-phone 另走 ── */
@media (min-width: 721px) and (min-height: 650px) {
/* 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(1860px, calc(100vw - 24px));
max-width: min(1680px, calc(100vw - 120px));
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));
display: flex;
flex-direction: column;
overflow-x: hidden;
overflow-y: auto;
}
}
@media (min-width: 2001px) and (min-height: 650px) {
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));
}
}
@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,
body.hub-page-funds:not(.hub-phone) .app-header {