feat: 搜索按钮移到顶部header,和新建按钮并列

This commit is contained in:
2026-04-26 17:50:04 +08:00
parent 6349cc70ae
commit d550461e0b
3 changed files with 27 additions and 23 deletions

View File

@@ -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;