From 16335a1a21912798bcfa4ca6a41bd6061fc95ac6 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Sat, 14 Sep 2024 10:10:02 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8DAlgolia=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/magzine/components/Header.js | 11 ++++++-----
 themes/magzine/index.js             |  5 +++++
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/themes/magzine/components/Header.js b/themes/magzine/components/Header.js
index d568fd97..3de33ded 100644
--- a/themes/magzine/components/Header.js
+++ b/themes/magzine/components/Header.js
@@ -155,19 +155,20 @@ export default function Header(props) {
         )}
 
         {/* 右侧移动端折叠按钮 */}
-        <div className='flex items-center gap-x-6 pr-4'>
+        <div className='flex items-center gap-x-2 pr-2'>
           {/* 搜索按钮 */}
-          <div className='flex text-center items-center cursor-pointer'>
+          <div
+            onClick={toggleShowSearchInput}
+            className='flex text-center items-center cursor-pointer p-2'>
             <i
               className={
                 showSearchInput
                   ? 'fa-regular fa-circle-xmark'
                   : 'fa-solid fa-magnifying-glass' + ' align-middle'
-              }
-              onClick={toggleShowSearchInput}></i>
+              }></i>
           </div>
           <div className='mr-1 flex md:hidden justify-end items-center text-lg space-x-4 font-serif dark:text-gray-200'>
-            <div onClick={toggleMenuOpen} className='cursor-pointer'>
+            <div onClick={toggleMenuOpen} className='cursor-pointer p-2'>
               {isOpen ? (
                 <i className='fas fa-times' />
               ) : (
diff --git a/themes/magzine/index.js b/themes/magzine/index.js
index d8b9c3b5..9bd16a92 100644
--- a/themes/magzine/index.js
+++ b/themes/magzine/index.js
@@ -1,3 +1,4 @@
+import AlgoliaSearchModal from '@/components/AlgoliaSearchModal'
 import Comment from '@/components/Comment'
 import LoadingCover from '@/components/LoadingCover'
 import replaceSearchResult from '@/components/Mark'
@@ -76,7 +77,11 @@ const LayoutBase = props => {
             <Footer title={siteConfig('TITLE')} />
           </div>
         </main>
+
+        {/* 全局Loading */}
         <LoadingCover />
+        {/* 全局搜索遮罩 */}
+        <AlgoliaSearchModal cRef={searchModal} {...props} />
       </div>
     </ThemeGlobalMagzine.Provider>
   )