diff --git a/www/app.js b/www/app.js index 42e23cd..c8041b3 100644 --- a/www/app.js +++ b/www/app.js @@ -74,9 +74,14 @@ function showConversationList() {

AI助手

- +
+ + +
@@ -128,12 +133,6 @@ function showConversationList() {
- -
-
`; diff --git a/www/index.html b/www/index.html index 57682c1..b1b3d3c 100644 --- a/www/index.html +++ b/www/index.html @@ -8,12 +8,12 @@ AI助手 - +
- - + + \ No newline at end of file diff --git a/www/style.css b/www/style.css index fa958cd..e7a0624 100644 --- a/www/style.css +++ b/www/style.css @@ -66,14 +66,13 @@ body { font-weight: 600; } -.list-content { - flex: 1; - padding: 16px; - overflow-y: auto; +.header-actions { + display: flex; + align-items: center; + gap: 8px; } -/* Header 中的新建对话按钮 - 美化版 */ -.new-chat-btn-header { +.header-btn { display: flex; align-items: center; justify-content: center; @@ -90,7 +89,7 @@ body { overflow: hidden; } -.new-chat-btn-header::before { +.header-btn::before { content: ''; position: absolute; inset: 0; @@ -99,25 +98,31 @@ body { transition: opacity 0.25s; } -.new-chat-btn-header:hover { +.header-btn:hover { transform: scale(1.08); box-shadow: 0 4px 16px rgba(102,126,234,0.4), 0 2px 8px rgba(0,0,0,0.2); color: #5a67d8; } -.new-chat-btn-header:hover::before { +.header-btn:hover::before { opacity: 1; } -.new-chat-btn-header:active { +.header-btn:active { transform: scale(0.95); box-shadow: 0 1px 4px rgba(0,0,0,0.2); } -.new-chat-btn-header svg { +.header-btn svg { filter: drop-shadow(0 1px 2px rgba(102,126,234,0.3)); } +.list-content { + flex: 1; + padding: 16px; + overflow-y: auto; +} + /* 原样式保留（备用） */ .new-chat-btn { display: flex;