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

Phone-only: funds strip, hide list filter, slim options columns, fix order dialog.

Browse Source
This commit is contained in:
dekun
2026-07-27 07:26:34 +08:00
parent f04a91efe6
commit 6886de0bad
3 changed files with 66 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+60 -7
View File
@@ -5539,9 +5539,8 @@ html[data-theme="light"] .options-review-wrap .or-reviewed-table tbody tr:hover
--inst-m-page-pad: calc(var(--inst-m-tabbar-h) + max(16px, env(safe-area-inset-bottom)) + 12px);
}
/* 仅手机壳:不碰 >720 桌面/平板 */
/* 仅手机壳:不碰 >720 桌面/平板。overflow 放 container,避免裁切 fixed 下单弹窗 */
body.inst-phone {
overflow-x: hidden !important;
padding-bottom: var(--inst-m-page-pad) !important;
box-sizing: border-box;
}
@@ -5579,13 +5578,16 @@ html[data-theme="light"] .options-review-wrap .or-reviewed-table tbody tr:hover
box-sizing: border-box;
}
body.inst-phone .list-window-hint,
body.inst-phone .list-window-label {
display: none !important;
body.inst-phone .instance-header-toolbar {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 8px;
}
body.inst-phone .instance-header-toolbar-filter {
gap: 6px;
body.inst-phone .instance-header-toolbar-end {
width: auto;
margin-left: auto;
}
body.inst-phone .instance-phone-only {
@@ -5734,6 +5736,57 @@ html[data-theme="light"] .options-review-wrap .or-reviewed-table tbody tr:hover
white-space: nowrap;
}
/* 列表视图:隐藏合约 / 买一 / 到期平衡 / 距平衡(保留行权价·类型·卖一·操作) */
body.inst-phone #opt-strike-head-list th:nth-child(3),
body.inst-phone #opt-strike-head-list th:nth-child(5),
body.inst-phone #opt-strike-head-list th:nth-child(6),
body.inst-phone #opt-strike-head-list th:nth-child(7),
body.inst-phone .opt-strike-row:not(.opt-strike-row-t) > td:nth-child(3),
body.inst-phone .opt-strike-row:not(.opt-strike-row-t) > td:nth-child(5),
body.inst-phone .opt-strike-row:not(.opt-strike-row-t) > td:nth-child(6),
body.inst-phone .opt-strike-row:not(.opt-strike-row-t) > td:nth-child(7) {
display: none !important;
}
/* 选择后下单弹窗:盖过底栏,可滚动完整显示 */
body.inst-phone .opt-order-backdrop {
z-index: 2400;
align-items: flex-end;
justify-content: center;
padding: 0;
padding-bottom: env(safe-area-inset-bottom);
background: rgba(0, 0, 0, 0.72);
}
body.inst-phone .opt-order-backdrop:not([hidden]) {
display: flex !important;
}
body.inst-phone .opt-order-dialog {
width: 100%;
max-width: 100%;
max-height: min(88vh, 720px);
margin: 0;
border-radius: 16px 16px 0 0;
padding: 14px 14px calc(14px + env(safe-area-inset-bottom));
overflow: auto;
-webkit-overflow-scrolling: touch;
}
body.inst-phone .opt-order-dialog .options-order-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
body.inst-phone .options-estimate-row .opt-est-main {
flex-wrap: wrap;
}
body.inst-phone .opt-size-mode-bar {
flex-wrap: wrap;
width: 100%;
}
body.inst-phone .inst-mobile-tabbar {
display: flex;
position: fixed;