From fa11c9c34037c59fc183c20eba4bf4de6aa3e167 Mon Sep 17 00:00:00 2001 From: zdh Date: Thu, 14 May 2026 18:48:21 +0800 Subject: [PATCH] =?UTF-8?q?=E7=AE=80=E5=8C=96=E4=B8=BB=E9=A2=98=E6=8C=89?= =?UTF-8?q?=E9=92=AE=E7=BB=93=E6=9E=84=EF=BC=9A=E5=8E=BB=E9=99=A4=20wrappe?= =?UTF-8?q?r=EF=BC=8C=E7=9B=B4=E6=8E=A5=E6=94=BE=E5=9C=A8=20header-bar=20?= =?UTF-8?q?=E4=B8=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 44 ++++++++++---------------------------------- 1 file changed, 10 insertions(+), 34 deletions(-) diff --git a/index.html b/index.html index e7f8eef..25e027a 100644 --- a/index.html +++ b/index.html @@ -71,14 +71,13 @@ body { display: flex; align-items: center; padding: 0 16px; z-index: 100; gap: 12px; } [data-theme="dark"] .header-bar { background: rgba(20,20,20,0.95); } -.header-bar .menu-btn, .header-bar .theme-btn { - display: none; width: 36px; height: 36px; border: none; background: none; - cursor: pointer; border-radius: var(--radius-sm); align-items: center; justify-content: center; - flex-shrink: 0; +.header-bar .theme-btn { + width: 36px; height: 36px; border: none; background: none; + cursor: pointer; border-radius: var(--radius-sm); + display: flex; align-items: center; justify-content: center; + font-size: 16px; color: var(--text-secondary); flex-shrink: 0; } -.header-bar .menu-btn:hover, .header-bar .theme-btn:hover { background: var(--bg-elevated); } -.header-bar .menu-btn svg { width: 20px; height: 20px; color: var(--text-secondary); } -.header-bar .theme-btn { font-size: 16px; } +.header-bar .theme-btn:hover { background: var(--bg-elevated); } .header-bar .brand { display: flex; align-items: baseline; gap: 8px; flex-shrink: 0; } .header-bar h1 { font-size: 15px; font-weight: 700; @@ -250,26 +249,10 @@ body { background: var(--bg-elevated); color: var(--text-tertiary); flex-shrink: 0; } -/* ===== Dark mode toggle button (desktop) ===== */ -.theme-toggle { - display: none; - margin-left: auto; - align-items: center; - gap: 8px; - cursor: pointer; -} -.theme-toggle button { - width: 36px; height: 36px; border: none; background: none; - cursor: pointer; border-radius: var(--radius-sm); - display: flex; align-items: center; justify-content: center; - font-size: 16px; color: var(--text-secondary); -} -.theme-toggle button:hover { background: var(--bg-elevated); } - -/* ===== Desktop ===== */ +/* ===== Desktop only ===== */ @media (min-width: 769px) { .chip-bar { display: none !important; } - .theme-toggle { display: flex; } + .header-bar .menu-btn { display: none; } } /* ===== Mobile ===== */ @@ -290,12 +273,7 @@ body { .wiki-section-title { font-size: 16px; } .wiki-toc-item { padding: 10px 14px 10px 36px; } .wiki-toc-header { padding: 12px 14px; } - - /* Theme toggle in mobile header */ - .theme-toggle { display: flex !important; margin-left: 0; } - .theme-toggle button { - width: 32px; height: 32px; font-size: 15px; - } + .header-bar .theme-btn { width: 32px; height: 32px; font-size: 15px; } } @@ -313,9 +291,7 @@ body { 🔍 -
- -
+