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

fix(hub): keep mobile PWA AI navigation visible

Browse Source 
Fix keyboard detection in standalone app so top nav and AI tabs stay visible; recognize PWA display mode for mobile layout.
This commit is contained in:
dekun
2026-06-11 11:35:44 +08:00
parent 08ae171e48
commit 51252d5dda
3 changed files with 45 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+29 -8
View File
@@ -3884,7 +3884,7 @@ body.hub-page-ai #page-ai {
}
/* 手机 AI：须在 .ai-layout 双列定义之后，避免被覆盖成半屏 */
@media (max-width: 720px) {
@media (max-width: 720px), ((display-mode: standalone) and (max-width: 960px)) {
html:has(body.hub-page-ai) {
height: 100%;
overflow: hidden;
@@ -3922,19 +3922,35 @@ body.hub-page-ai #page-ai {
font-size: 11px;
}
body.hub-page-ai.hub-ai-keyboard-open .app-header,
body.hub-page-ai.hub-ai-keyboard-open #page-ai .page-head {
body.hub-page-ai .app-header .brand {
display: none;
}
body.hub-page-ai.hub-ai-keyboard-open .ai-mobile-tabs,
body.hub-page-ai.hub-ai-keyboard-open .ai-chat-topbar,
body.hub-page-ai.hub-ai-keyboard-open .ai-chat-session-head {
body.hub-page-ai .header-right {
grid-template-columns: 1fr auto auto;
grid-template-rows: auto;
}
body.hub-page-ai .header-right .top-nav {
grid-column: 1 / -1;
order: 2;
}
body.hub-page-ai.hub-ai-keyboard-open .app-header .theme-toggle,
body.hub-page-ai.hub-ai-keyboard-open .app-header .sys-pill,
body.hub-page-ai.hub-ai-keyboard-open .app-header #btn-logout {
display: none;
}
body.hub-page-ai.hub-ai-keyboard-open .ai-mobile-tabs {
margin-bottom: 4px;
body.hub-page-ai.hub-ai-keyboard-open .app-header {
padding: 4px 0;
margin-bottom: 0;
}
body.hub-page-ai.hub-ai-keyboard-open .top-nav a {
min-height: 30px;
padding: 4px 8px;
font-size: 10px;
}
body.hub-page-ai #page-ai {
@@ -3950,6 +3966,11 @@ body.hub-page-ai #page-ai {
margin-bottom: 6px;
flex-shrink: 0;
width: 100%;
position: sticky;
top: 0;
z-index: 12;
padding: 4px 0 2px;
background: var(--bg);
}
body.hub-page-ai .ai-mobile-tab {