From e0fb533bb513df70a35dd6d41437056425c3138a Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Mon, 10 Jul 2023 11:30:55 +0800
Subject: [PATCH] gitbook footer

---
 themes/gitbook/components/Footer.js        |  4 ++--
 themes/gitbook/components/PageNavDrawer.js |  2 +-
 themes/gitbook/index.js                    | 11 ++++++-----
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/themes/gitbook/components/Footer.js b/themes/gitbook/components/Footer.js
index a5ef6f8f..fb1d339c 100644
--- a/themes/gitbook/components/Footer.js
+++ b/themes/gitbook/components/Footer.js
@@ -13,9 +13,9 @@ const Footer = ({ siteInfo }) => {
 
   return (
         <footer
-            className='z-10 bg:white dark:bg-hexo-black-gray justify-center text-center w-full text-sm relative'
+            className='z-20 py-2 bg:white dark:bg-hexo-black-gray justify-center text-center w-full text-sm relative'
         >
-            <hr className='py-2' />
+            <hr className='pb-2' />
 
             <div className='flex justify-center'>
                 <div><i className='mx-1 animate-pulse fas fa-heart' /> <a href={BLOG.LINK} className='underline font-bold text-gray-500 dark:text-gray-300 '>{BLOG.AUTHOR}</a>.<br /></div>
diff --git a/themes/gitbook/components/PageNavDrawer.js b/themes/gitbook/components/PageNavDrawer.js
index b754b9bd..17448c94 100644
--- a/themes/gitbook/components/PageNavDrawer.js
+++ b/themes/gitbook/components/PageNavDrawer.js
@@ -16,7 +16,7 @@ const PageNavDrawer = (props) => {
   }
 
   return <>
-        <div id='gitbook-left-float' className='fixed top-0 left-0 z-40'>
+        <div id='gitbook-left-float' className='fixed top-0 left-0 z-40 md:hidden'>
             {/* 侧边菜单 */}
             <div
                 className={(pageNavVisible ? 'animate__slideInLeft ' : '-ml-80 animate__slideOutLeft') +
diff --git a/themes/gitbook/index.js b/themes/gitbook/index.js
index 05a42cc1..e5bb0323 100644
--- a/themes/gitbook/index.js
+++ b/themes/gitbook/index.js
@@ -66,16 +66,17 @@ const LayoutBase = (props) => {
                 <main id='wrapper' className={(BLOG.LAYOUT_SIDEBAR_REVERSE ? 'flex-row-reverse' : '') + 'relative flex justify-between w-full h-full mx-auto'}>
 
                     {/* 左侧推拉抽屉 */}
-                    <div style={{ width: '32rem' }} className={'font-sans hidden md:block border-r dark:border-transparent relative z-10 '}>
-                        <div className='py-14 px-6 sticky top-0 overflow-y-scroll h-screen'>
+                    <div className={'font-sans hidden md:block border-r dark:border-transparent relative z-10 '}>
+                        <div className='w-72 py-14 px-6 sticky top-0 overflow-y-scroll h-screen scroll-hidden'>
                             {slotLeft}
                             <SearchInput className='my-3 rounded-md' />
                             {/* 所有文章列表 */}
                             <NavPostList filteredPostGroups={filteredPostGroups} />
 
-                            <div className='mt-2'>
-                                <Footer {...props}/>
-                            </div>
+                        </div>
+
+                        <div className='w-72 fixed left-0 bottom-0 z-20 bg-white'>
+                            <Footer {...props}/>
                         </div>
                     </div>