From 4742af32ab3daa2547800252267fc1b6cf48226f Mon Sep 17 00:00:00 2001
From: lsy <lsy22@vip.qq.com>
Date: Fri, 28 Mar 2025 22:34:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=89=8B=E6=9C=BA=E7=AB=AF?=
 =?UTF-8?q?=E4=B8=BB=E9=A2=98=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/header.astro | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/header.astro b/src/components/header.astro
index f3682a8..a10bdf4 100644
--- a/src/components/header.astro
+++ b/src/components/header.astro
@@ -149,7 +149,7 @@ const normalizedPath = currentPath.endsWith('/') ? currentPath.slice(0, -1) : cu
                                 {link.text}
                             </a>
                         ))}
-                        <div class="mt-2 pt-3 border-t border-gray-200 dark:border-gray-700 flex items-center justify-between">
+                        <div class="mt-2 pt-3 border-t border-gray-200 dark:border-gray-700 flex items-center justify-between cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800/70 rounded-lg px-3 py-2 transition-colors duration-200" id="theme-toggle-container">
                             <span class="text-sm font-medium text-gray-600 dark:text-gray-300">切换主题</span>
                             <ThemeToggle client:load />
                         </div>
@@ -270,6 +270,24 @@ const normalizedPath = currentPath.endsWith('/') ? currentPath.slice(0, -1) : cu
         });
     }
     
+    // 移动端主题切换容器点击处理
+    document.addEventListener('DOMContentLoaded', () => {
+        const themeToggleContainer = document.getElementById('theme-toggle-container');
+        
+        if (themeToggleContainer) {
+            themeToggleContainer.addEventListener('click', (e) => {
+                const target = e.target as HTMLElement;
+                const themeToggleButton = themeToggleContainer.querySelector('[role="button"]');
+                
+                // 如果点击的不是主题切换按钮本身，而是容器或文本
+                if (themeToggleButton instanceof HTMLElement && target !== themeToggleButton && !themeToggleButton.contains(target)) {
+                    // 手动触发主题切换按钮的点击
+                    themeToggleButton.click();
+                }
+            });
+        }
+    });
+    
     // 搜索功能逻辑
     document.addEventListener('DOMContentLoaded', () => {
         // 搜索节流函数