修复主题按钮:限制搜索框宽度,确保按钮始终可见

This commit is contained in:
zdh
2026-05-14 18:49:01 +08:00
parent fa11c9c340
commit 07cf259a50
+3 -2
View File
@@ -75,7 +75,8 @@ body {
width: 36px; height: 36px; border: none; background: none; width: 36px; height: 36px; border: none; background: none;
cursor: pointer; border-radius: var(--radius-sm); cursor: pointer; border-radius: var(--radius-sm);
display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center;
font-size: 16px; color: var(--text-secondary); flex-shrink: 0; font-size: 16px; color: var(--text-secondary);
flex-shrink: 0; margin-left: 4px;
} }
.header-bar .theme-btn:hover { background: var(--bg-elevated); } .header-bar .theme-btn:hover { background: var(--bg-elevated); }
.header-bar .brand { display: flex; align-items: baseline; gap: 8px; flex-shrink: 0; } .header-bar .brand { display: flex; align-items: baseline; gap: 8px; flex-shrink: 0; }
@@ -85,7 +86,7 @@ body {
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
} }
.header-bar .tagline { font-size: 11px; color: var(--text-tertiary); display: inline; } .header-bar .tagline { font-size: 11px; color: var(--text-tertiary); display: inline; }
.search-box { flex: 1 1 auto; min-width: 80px; max-width: 500px; position: relative; } .header-bar .search-box { flex: 0 1 300px; min-width: 100px; position: relative; }
.search-box input { .search-box input {
width: 100%; padding: 8px 12px 8px 34px; width: 100%; padding: 8px 12px 8px 34px;
border: 1px solid var(--border); border-radius: var(--radius-sm); border: 1px solid var(--border); border-radius: var(--radius-sm);