From 8c86151c94c7c8e9c1a027e3b7d598a8353bf0d0 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Fri, 8 Oct 2021 14:52:50 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=91=8C=E4=BE=A7=E8=BE=B9sticky=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/SideBar.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/SideBar.js b/components/SideBar.js
index 397be453..0690788e 100644
--- a/components/SideBar.js
+++ b/components/SideBar.js
@@ -45,7 +45,7 @@ const SideBar = ({ tags, currentTag, post }) => {
       className={(collapse ? '-ml-80 ' : 'shadow-2xl xl:shadow-none ') + ' dark:bg-gray-800 bg-white sidebar h-full w-72 duration-500 ease-in-out'}>
 
       {/* Logo  */}
-      <section className='flex border-b px-5 pt-8 pb-5 flex-col sticky top-0 bg-white dark:bg-gray-800 z-10'>
+      <section className='flex border-b px-5 pt-8 pb-6 flex-col sticky top-0 bg-white dark:bg-gray-800 z-10'>
         <Link href='/'>
           <div
             className='mx-auto text-center cursor-pointer text-3xl dark:bg-gray-900 dark:text-gray-300 font-semibold dark:hover:bg-gray-600 bg-gray-700 text-white p-2 hover:scale-105 hover:shadow-2xl duration-200 transform'>{BLOG.title}</div>
@@ -55,7 +55,7 @@ const SideBar = ({ tags, currentTag, post }) => {
       </section>
 
       {/* 搜索框 */}
-      <section className={ (post ? ' ' : ' sticky top-0 ') + ' border-t border-b flex justify-center items-center py-5 pr-5 pl-2 bg-gray-100 dark:bg-black'}>
+      <section className={ (post ? ' ' : ' sticky top-36 ') + ' z-20 border-t border-b flex justify-center items-center py-5 pr-5 pl-2 bg-gray-100 dark:bg-black'}>
         <input
           type='text'
           placeholder={
@@ -70,7 +70,7 @@ const SideBar = ({ tags, currentTag, post }) => {
       </section>
 
       {/* wrapper */}
-      <div className={ (post ? ' ' : ' sticky top-0 ') + 'px-6'}>
+      <div className={ (post ? ' ' : ' ') + 'px-6'}>
 
         {/* 菜单 */}
         <nav className='mt-6'>
@@ -110,7 +110,7 @@ const SideBar = ({ tags, currentTag, post }) => {
       </div>
 
       {post && (
-        <div className='sticky top-32'>
+        <div className='sticky top-36'>
           <TocBar toc={post.toc} />
         </div>
       )}