From e95b1581fe8a63e9dae6861927656138cb9cdeef Mon Sep 17 00:00:00 2001
From: Bhwa233 <404174262@qq.com>
Date: Tue, 5 Mar 2024 17:59:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E5=8A=9F=E8=83=BD=E6=89=8B?=
 =?UTF-8?q?=E6=9C=BA=E7=AB=AF=E9=A1=B5=E9=9D=A2=E8=87=AA=E9=80=82=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/AlgoliaSearchModal.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/AlgoliaSearchModal.js b/components/AlgoliaSearchModal.js
index 8aaed271..5e83055a 100644
--- a/components/AlgoliaSearchModal.js
+++ b/components/AlgoliaSearchModal.js
@@ -177,12 +177,12 @@ export default function AlgoliaSearchModal({ cRef }) {
     <div
       id="search-wrapper"
       className={`${isModalOpen ? 'opacity-100' : 'invisible opacity-0 pointer-events-none'
-        } z-30 fixed h-screen w-screen left-0 top-0 mt-12 flex items-start justify-center`}
+        } z-30 fixed h-screen w-screen left-0 top-0 sm:mt-12 flex items-start justify-center mt-0`}
     >
       {/* 模态框 */}
       <div
         className={`${isModalOpen ? 'opacity-100' : 'invisible opacity-0 translate-y-10'
-          } flex flex-col justify-between w-full min-h-[10rem] max-w-xl dark:bg-hexo-black-gray dark:border-gray-800 bg-white dark:bg- p-5 rounded-lg z-50 shadow border hover:border-blue-600 duration-300 transition-all `}
+          } flex flex-col justify-between w-full min-h-[10rem] max-w-xl dark:bg-hexo-black-gray  h-full dark:border-gray-800 bg-white dark:bg- p-5 rounded-lg z-50 shadow border hover:border-blue-600 duration-300 transition-all `}
       >
         <div className="flex justify-between items-center">
           <div className="text-2xl text-blue-600 dark:text-yellow-600 font-bold">搜索</div>
@@ -209,14 +209,14 @@ export default function AlgoliaSearchModal({ cRef }) {
         {
           searchResults.length === 0 && keyword && !isLoading && (
             <div>
-              <p className="  text-slate-600 text-center my-4 text-base"> 无法找到相关结果
+              <p className=" text-slate-600 text-center my-4 text-base"> 无法找到相关结果
                 <span
                   className='font-semibold'
                 >&quot;{keyword}&quot;</span></p>
             </div>
           )
         }
-        <ul>
+        <ul className='flex-1 overflow-auto'>
           {searchResults.map((result, index) => (
             <li key={result.objectID}
               onMouseEnter={() => setActiveIndex(index)}
@@ -233,7 +233,7 @@ export default function AlgoliaSearchModal({ cRef }) {
           ))}
         </ul>
         <Pagination totalPage={totalPage} page={page} switchPage={switchPage} />
-        <div className='flex items-center justify-between mt-2 text-sm dark:text-gray-300'>
+        <div className='flex items-center justify-between mt-2 sm:text-sm text-xs dark:text-gray-300'>
           <div>
             {totalHit > 0 && (
               <p>