From 59ad42b278d4cb88d7a1e38b96d3d929b22bf54c Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Tue, 19 Apr 2022 14:34:51 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=AE=E5=BD=95=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
 =?UTF-8?q?=E9=9A=90=E8=97=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/fukasawa/components/Catalog.js | 12 ++++++------
 themes/hexo/components/Catalog.js     |  6 +++---
 themes/medium/components/Catalog.js   | 16 ++++++++--------
 themes/next/components/Toc.js         |  2 +-
 4 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/themes/fukasawa/components/Catalog.js b/themes/fukasawa/components/Catalog.js
index 2e67c392..cad8ce68 100644
--- a/themes/fukasawa/components/Catalog.js
+++ b/themes/fukasawa/components/Catalog.js
@@ -58,7 +58,7 @@ const Catalog = ({ toc }) => {
 
   return <div>
     <div className='w-full dark:text-gray-300 mb-2'><i className='mr-1 fas fa-stream' /> 目录</div>
-    <div className='overflow-y-auto max-h-96 overscroll-none' ref={tRef}>
+    <div className='overflow-y-auto max-h-96 overscroll-none scroll-hidden' ref={tRef}>
       <nav className='h-full font-sans text-black'>
         {toc.map((tocItem) => {
           const id = uuidToId(tocItem.id)
@@ -70,11 +70,11 @@ const Catalog = ({ toc }) => {
               className={`notion-table-of-contents-item duration-300 transform font-light dark:text-gray-300
               notion-table-of-contents-item-indent-level-${tocItem.indentLevel} `}
             >
-                <span style={{ display: 'inline-block', marginLeft: tocItem.indentLevel * 16 }}
-                  className={`${activeSection === id && ' font-bold text-red-400 underline'}`}
-                >
-                  {tocItem.text}
-                </span>
+              <span style={{ display: 'inline-block', marginLeft: tocItem.indentLevel * 16 }}
+                className={`${activeSection === id && ' font-bold text-red-400 underline'}`}
+              >
+                {tocItem.text}
+              </span>
             </a>
           )
         })}
diff --git a/themes/hexo/components/Catalog.js b/themes/hexo/components/Catalog.js
index 3856876d..3313c43b 100644
--- a/themes/hexo/components/Catalog.js
+++ b/themes/hexo/components/Catalog.js
@@ -60,9 +60,9 @@ const Catalog = ({ toc }) => {
   return <div className='px-3'>
     <div className='w-full'><i className='mr-1 fas fa-stream' /> 目录</div>
     <div className='w-full py-3'>
-      <Progress/>
+      <Progress />
     </div>
-    <div className='overflow-y-auto max-h-36 lg:max-h-96 overscroll-none' ref={tRef}>
+    <div className='overflow-y-auto max-h-36 lg:max-h-96 overscroll-none scroll-hidden' ref={tRef}>
       <nav className='h-full font-sans text-black'>
         {toc.map((tocItem) => {
           const id = uuidToId(tocItem.id)
@@ -75,7 +75,7 @@ const Catalog = ({ toc }) => {
             notion-table-of-contents-item-indent-level-${tocItem.indentLevel} `}
             >
               <span style={{ display: 'inline-block', marginLeft: tocItem.indentLevel * 16 }}
-                    className={`${activeSection === id && ' font-bold text-indigo-400 underline'}`}
+                className={`${activeSection === id && ' font-bold text-indigo-400 underline'}`}
               >
                 {tocItem.text}
               </span>
diff --git a/themes/medium/components/Catalog.js b/themes/medium/components/Catalog.js
index 648ce9aa..78b037a6 100644
--- a/themes/medium/components/Catalog.js
+++ b/themes/medium/components/Catalog.js
@@ -59,9 +59,9 @@ const Catalog = ({ toc }) => {
 
   return <div className='px-3'>
     <div className='w-full mt-2 mb-4'>
-      <Progress/>
+      <Progress />
     </div>
-    <div className='overflow-y-auto max-h-96 overscroll-none' ref={tRef}>
+    <div className='overflow-y-auto max-h-96 overscroll-none scroll-hidden' ref={tRef}>
       <nav className='h-full font-sans text-black'>
         {toc.map((tocItem) => {
           const id = uuidToId(tocItem.id)
@@ -73,17 +73,17 @@ const Catalog = ({ toc }) => {
               className={`notion-table-of-contents-item duration-300 transform font-light dark:text-gray-300
               notion-table-of-contents-item-indent-level-${tocItem.indentLevel} `}
             >
-                <span style={{ display: 'inline-block', marginLeft: tocItem.indentLevel * 16 }}
-                  className={`${activeSection === id && ' font-bold text-green-500 underline'}`}
-                >
-                  {tocItem.text}
-                </span>
+              <span style={{ display: 'inline-block', marginLeft: tocItem.indentLevel * 16 }}
+                className={`${activeSection === id && ' font-bold text-green-500 underline'}`}
+              >
+                {tocItem.text}
+              </span>
             </a>
           )
         })}
       </nav>
     </div>
-    <JumpToTopButton className='text-gray-400 hover:text-green-500 hover:bg-gray-100 py-1 duration-200'/>
+    <JumpToTopButton className='text-gray-400 hover:text-green-500 hover:bg-gray-100 py-1 duration-200' />
   </div>
 }
 
diff --git a/themes/next/components/Toc.js b/themes/next/components/Toc.js
index adc4f7f6..5dbbad5f 100644
--- a/themes/next/components/Toc.js
+++ b/themes/next/components/Toc.js
@@ -62,7 +62,7 @@ const Toc = ({ toc }) => {
     <div className='w-full pb-1'>
       <Progress />
     </div>
-    <div className='overflow-y-auto max-h-96 overscroll-none' ref={tRef}>
+    <div className='overflow-y-auto max-h-96 overscroll-none scroll-hidden' ref={tRef}>
       <nav className='h-full font-sans text-black dark:text-gray-300'>
         {toc.map((tocItem) => {
           const id = uuidToId(tocItem.id)