From ccf5f731e60b3afd6b3abd7a51435babf55530ed Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Sat, 14 Sep 2024 16:19:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BB=E9=A2=98=E5=88=87=E6=8D=A2=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ThemeSwitch.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/components/ThemeSwitch.js b/components/ThemeSwitch.js
index 86426b83..732f8493 100644
--- a/components/ThemeSwitch.js
+++ b/components/ThemeSwitch.js
@@ -30,12 +30,20 @@ const ThemeSwitch = () => {
         <div
           id='draggableBox'
           style={{ left: '0px', top: '80vh' }}
-          className='fixed group flex flex-col items-start space-y-2 overflow-hidden z-20 p-3
+          className='border fixed group flex flex-col items-start space-y-2 overflow-hidden z-20 p-3
                     dark:text-white bg-white dark:bg-black 
                       rounded-xl shadow-lg hover:scale-105 hover:shadow-2xl   '>
           {/* 主题切换按钮 */}
           <div className='text-sm flex items-center group-hover:w-44 h-4 text-center duration-200'>
-            <i className='fa-solid fa-palette w-5' />
+            <i
+              className='cursor-pointer fa-solid fa-palette w-5 '
+              onClick={() => {
+                setSideBarVisible(true)
+              }}
+              onTouchStart={() => {
+                setSideBarVisible(true)
+              }}
+            />
             <div className='w-0 group-hover:w-32 duration-200 overflow-hidden'>
               <label htmlFor='themeSelect' className='sr-only'>
                 {locale.COMMON.THEME}