fix(hub): improve mobile AI coach layout

Move new-chat button to top toolbar to prevent overlap, compact chrome, hide chrome when keyboard opens, and soften mobile tab styling.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-11 11:06:47 +08:00
parent 007e089121
commit c59a17f9ac
3 changed files with 153 additions and 33 deletions
+9 -9
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=20260609-hub-funds-fold" />
<link rel="stylesheet" href="/assets/app.css?v=20260611-hub-ai-mobile" />
<link rel="stylesheet" href="/assets/dashboard.css?v=20260611-hub-dash-sse" />
</head>
<body>
@@ -449,17 +449,17 @@
</div>
<div class="ai-layout" data-ai-mobile-tab="chat">
<section class="ai-panel ai-chat-panel" data-ai-panel="chat">
<div class="ai-bot-bar" role="tablist" aria-label="聊天机器人">
<button type="button" class="ai-bot-tab is-active" data-bot="trading" role="tab" aria-selected="true">交易教练</button>
<button type="button" class="ai-bot-tab" data-bot="general" role="tab" aria-selected="false">普通聊天</button>
<div class="ai-chat-topbar">
<div class="ai-bot-bar" role="tablist" aria-label="聊天机器人">
<button type="button" class="ai-bot-tab is-active" data-bot="trading" role="tab" aria-selected="true">交易教练</button>
<button type="button" class="ai-bot-tab" data-bot="general" role="tab" aria-selected="false">普通聊天</button>
</div>
<button type="button" id="btn-ai-chat-new" class="primary ai-chat-new-btn">新开对话</button>
</div>
<div class="ai-chat-split">
<div class="ai-chat-main">
<div class="ai-panel-head">
<div class="ai-panel-head ai-chat-session-head">
<h2 id="ai-chat-title">聊天</h2>
<div class="ai-panel-actions">
<button type="button" id="btn-ai-chat-new" class="primary">新开对话</button>
</div>
</div>
<div id="ai-chat-messages" class="ai-panel-scroll ai-chat-messages" aria-live="polite"></div>
<form id="ai-chat-form" class="ai-chat-form">
@@ -555,6 +555,6 @@
<script src="/assets/funds.js?v=20260609-hub-funds-fold"></script>
<script src="/assets/dashboard.js?v=20260611-hub-dash-sse"></script>
<script src="/assets/ai_review_render.js?v=2"></script>
<script src="/assets/app.js?v=20260611-hub-nav-prefs"></script>
<script src="/assets/app.js?v=20260611-hub-ai-mobile"></script>
</body>
</html>