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

feat(hub): mobile AI tabs and dashboard position lines

Browse Source 
Mobile AI coach uses four top tabs (trading, general, history, new) with single-panel view and wider desktop history. Dashboard account cards show key levels and positions one per line with colored float PnL.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-11 11:16:28 +08:00
parent c59a17f9ac
commit 1042fdeef3
7 changed files with 185 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+30 -21
View File
@@ -3914,25 +3914,32 @@ body.hub-page-ai #page-ai {
}
body.hub-page-ai .ai-mobile-tabs {
display: flex;
gap: 8px;
margin-bottom: 8px;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 6px;
margin-bottom: 6px;
flex-shrink: 0;
width: 100%;
}
body.hub-page-ai .ai-mobile-tab {
flex: 1;
min-height: 40px;
padding: 8px 12px;
min-height: 38px;
padding: 6px 4px;
border-radius: 8px;
border: 1px solid var(--border-soft);
background: var(--inset-surface);
color: var(--muted);
font-family: var(--font);
font-size: 0.82rem;
font-size: 0.7rem;
font-weight: 600;
cursor: pointer;
line-height: 1.2;
text-align: center;
}
body.hub-page-ai .ai-mobile-tab-action {
color: var(--accent);
border-color: color-mix(in srgb, var(--accent) 35%, var(--border-soft));
}
body.hub-page-ai .ai-mobile-tab.is-active {
@@ -3942,7 +3949,7 @@ body.hub-page-ai #page-ai {
box-shadow: none;
}
body.hub-page-ai #page-ai .page-desc {
body.hub-page-ai #page-ai .page-head {
display: none;
}
@@ -3957,7 +3964,8 @@ body.hub-page-ai #page-ai {
overflow: hidden;
}
body.hub-page-ai .ai-layout[data-ai-mobile-tab="chat"] .ai-chat-panel,
body.hub-page-ai .ai-layout[data-ai-mobile-tab="trading"] .ai-chat-panel,
body.hub-page-ai .ai-layout[data-ai-mobile-tab="general"] .ai-chat-panel,
body.hub-page-ai .ai-layout[data-ai-mobile-tab="history"] .ai-chat-panel {
display: flex;
flex: 1 1 auto;
@@ -3967,10 +3975,19 @@ body.hub-page-ai #page-ai {
min-width: 0;
}
body.hub-page-ai .ai-layout[data-ai-mobile-tab="chat"] .ai-chat-history-panel {
body.hub-page-ai .ai-layout[data-ai-mobile-tab="trading"] .ai-chat-history-panel,
body.hub-page-ai .ai-layout[data-ai-mobile-tab="general"] .ai-chat-history-panel {
display: none !important;
}
body.hub-page-ai .ai-layout[data-ai-mobile-tab="trading"] .ai-chat-main,
body.hub-page-ai .ai-layout[data-ai-mobile-tab="general"] .ai-chat-main {
display: flex;
flex: 1 1 auto;
min-height: 0;
flex-direction: column;
}
body.hub-page-ai .ai-layout[data-ai-mobile-tab="history"] .ai-chat-main,
body.hub-page-ai .ai-layout[data-ai-mobile-tab="history"] .ai-chat-topbar {
display: none !important;
@@ -4003,7 +4020,7 @@ body.hub-page-ai #page-ai {
}
body.hub-page-ai .ai-chat-topbar {
gap: 6px;
display: none;
}
body.hub-page-ai .ai-bot-tab {
@@ -4039,15 +4056,7 @@ body.hub-page-ai #page-ai {
}
body.hub-page-ai .ai-chat-session-head {
margin: 0;
padding: 0 2px 4px;
}
body.hub-page-ai .ai-chat-session-head h2 {
font-size: 0.78rem;
font-weight: 600;
color: var(--muted);
letter-spacing: 0.02em;
display: none;
}
body.hub-page-ai .ai-chat-messages {
@@ -4470,7 +4479,7 @@ body.hub-page-ai #page-ai {
flex: 1 1 auto;
min-height: 0;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(200px, 260px);
grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
gap: 0;
overflow: hidden;
border: 1px solid var(--border-soft);