From 44121bf50bc98957d63fa0bb0037139d544cff9e Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Mon, 20 Dec 2021 11:30:38 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ArticleDetail.js      |  2 +-
 components/BlogPostListScroll.js |  2 +-
 components/SideArea.js           | 11 -----------
 components/Toc.js                |  4 ++--
 components/TocDrawer.js          |  2 +-
 5 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/components/ArticleDetail.js b/components/ArticleDetail.js
index 56534a49..aeb733ee 100644
--- a/components/ArticleDetail.js
+++ b/components/ArticleDetail.js
@@ -44,7 +44,7 @@ export default function ArticleDetail ({ post, blockMap, recommendPosts, prev, n
   return (<>
       <div id="article-wrapper" ref={targetRef} className="flex-grow mt-14 md:mt-0 max-w-5xl mx-auto w-screen md:w-full ">
           <article itemScope itemType="https://schema.org/Movie"
-            className="rounded-xl shadow-md duration-300 hover:shadow-2xl animate__fadeIn animate__animated subpixel-antialiased py-10 px-5 lg:pt-24 lg:px-48 dark:border-gray-700 bg-white dark:bg-gray-900"
+            className="rounded-xl shadow-md duration-300 hover:shadow-2xl animate__fadeIn animate__animated subpixel-antialiased py-10 px-5 lg:pt-24 md:px-24 xl:px-48 dark:border-gray-700 bg-white dark:bg-gray-900"
           >
             <header>
                 {post.type && !post.type.includes('Page') && post?.page_cover && (
diff --git a/components/BlogPostListScroll.js b/components/BlogPostListScroll.js
index 7b85dad3..29a86a47 100644
--- a/components/BlogPostListScroll.js
+++ b/components/BlogPostListScroll.js
@@ -33,7 +33,7 @@ const BlogPostListScroll = ({ posts = [], tags, currentSearch, currentCategory,
   const scrollTrigger = useCallback(throttle(() => {
     const scrollS = window.scrollY + window.outerHeight
     const clientHeight = targetRef ? (targetRef.current ? (targetRef.current.clientHeight) : 0) : 0
-    if (scrollS > clientHeight + 10) {
+    if (scrollS > clientHeight + 100) {
       handleGetMore()
     }
   }, 500))
diff --git a/components/SideArea.js b/components/SideArea.js
index 9d9e4473..0766d359 100644
--- a/components/SideArea.js
+++ b/components/SideArea.js
@@ -52,17 +52,6 @@ const SideArea = ({ title, tags, currentTag, post, posts, categories, currentCat
         </section>
       )}
 
-      <section className='rounded-xl shadow-lg py-4 mt-5 px-2 bg-white dark:bg-gray-800 hover:shadow-2xl duration-200'>
-          {/* 展示广告  */}
-          <ins className="adsbygoogle"
-            style={{ display: 'block' }}
-            data-adtest="on"
-            data-ad-client="ca-pub-2708419466378217"
-            data-ad-slot="8807314373"
-            data-ad-format="auto"
-            data-full-width-responsive="true"></ins>
-      </section>
-
       {/* 分类  */}
       {categories && (
         <section className='rounded-xl shadow-lg py-4 mt-5 bg-white dark:bg-gray-800 hover:shadow-2xl duration-200'>
diff --git a/components/Toc.js b/components/Toc.js
index 9665c175..55c640e1 100644
--- a/components/Toc.js
+++ b/components/Toc.js
@@ -51,14 +51,14 @@ const Toc = ({ toc }) => {
   }, throttleMs))
 
   return <>
-    <nav className=' dark:text-gray-100 glassmorphism overflow-y-auto scroll-hidden p-6'>
+    <nav className=' dark:text-gray-100 bg-white dark:bg-gray-800 overflow-y-auto scroll-hidden p-6'>
       {toc.map((tocItem) => {
         const id = uuidToId(tocItem.id)
         return (
           <a
             key={id}
             href={`#${id}`}
-            className={`notion-table-of-contents-item px-5 duration-300 transform font-light
+            className={`notion-table-of-contents-item duration-300 transform font-light
             notion-table-of-contents-item-indent-level-${tocItem.indentLevel} 
             ${activeSection === id && ' font-bold text-blue-400 dark:text-white'}`}
           >
diff --git a/components/TocDrawer.js b/components/TocDrawer.js
index 1068a35e..9a39dc8d 100644
--- a/components/TocDrawer.js
+++ b/components/TocDrawer.js
@@ -29,7 +29,7 @@ const TocDrawer = ({ post, cRef }) => {
         '  shadow-xl animate__animated animate__faster max-h-96 ' +
         ' w-60 duration-200 fixed right-4 top-16 rounded overflow-y-auto'}>
           {post && <>
-            <div className='text-xl font-bold text-black dark:text-white glassmorphism py-3 px-6'>
+            <div className='text-xl font-bold text-black dark:text-white bg-gray-200 dark:bg-gray-600 py-2 px-6'>
               {locale.COMMON.TABLE_OF_CONTENTS}
             </div>
             <Toc toc={post.toc}/>