diff --git a/src/pages/chat.js b/src/pages/chat.js index e857133..a32e9e8 100644 --- a/src/pages/chat.js +++ b/src/pages/chat.js @@ -83,16 +83,21 @@ export async function render() {
会话列表 - + +
- @@ -235,13 +240,18 @@ function bindEvents(page) { else sendMessage() }) - page.querySelector('#btn-toggle-sidebar').addEventListener('click', () => { + const _toggleBtns = [ + page.querySelector('#btn-toggle-sidebar'), + page.querySelector('#btn-toggle-sidebar-header'), + ].filter(Boolean) + + _toggleBtns.forEach(btn => btn.addEventListener('click', () => { const sidebar = page.querySelector('#chat-sidebar') if (!sidebar) return const nextOpen = !sidebar.classList.contains('open') sidebar.classList.toggle('open', nextOpen) setSidebarOpen(nextOpen) - }) + })) page.querySelector('#btn-new-session').addEventListener('click', () => showNewSessionDialog()) page.querySelector('#btn-cmd').addEventListener('click', () => toggleCmdPanel()) page.querySelector('#btn-reset-session').addEventListener('click', () => resetCurrentSession()) diff --git a/src/style/chat.css b/src/style/chat.css index 65d84ca..7c91fe4 100644 --- a/src/style/chat.css +++ b/src/style/chat.css @@ -48,6 +48,13 @@ font-weight: 600; color: var(--text-secondary); border-bottom: 1px solid var(--border); + gap: 8px; +} + +.chat-sidebar-header-actions { + display: flex; + align-items: center; + gap: 6px; } .chat-sidebar-btn {