From e0cae32d7dbc960b8ec82e055750a9e9823dc5ee Mon Sep 17 00:00:00 2001
From: tangly <tlyong1992@hotmail.com>
Date: Sat, 4 Dec 2021 11:58:31 +0800
Subject: [PATCH] =?UTF-8?q?Bugfix:=20CheckBox=E6=A0=B7=E5=BC=8F;=20404?=
 =?UTF-8?q?=E5=A4=9C=E9=97=B4=E6=A0=B7=E5=BC=8F=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/404.js            |  2 +-
 pages/article/[slug].js | 24 ++++++++++++------------
 styles/notion.css       |  5 +++++
 3 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/pages/404.js b/pages/404.js
index 3303f27e..5099845a 100644
--- a/pages/404.js
+++ b/pages/404.js
@@ -27,7 +27,7 @@ export default function Custom404 () {
   return <BaseLayout meta={{ title: `${BLOG.title} | 页面找不到啦` }}>
     <div
       className='text-black w-full h-screen text-center justify-center content-center items-center flex flex-col'>
-      <div>
+      <div className='dark:text-gray-200'>
         <h1 className='inline-block border-r-2 border-gray-600 mr-2 px-3 py-2 align-top'><FontAwesomeIcon icon={faSpinner} spin={true} className='mr-2'/>404</h1>
         <div className='inline-block text-left h-32 leading-10 align-middle'>
           <h2 className='m-0 p-0'>页面无法加载，即将返回首页</h2>
diff --git a/pages/article/[slug].js b/pages/article/[slug].js
index 92e2dcc6..c0960674 100644
--- a/pages/article/[slug].js
+++ b/pages/article/[slug].js
@@ -133,18 +133,18 @@ const ArticleDetail = ({ post, blockMap, tags, prev, next, allPosts, categories
           </div>
         </div>
         <div className='text-gray-800 dark:text-gray-300 dark:bg-gray-900 bg-gray-50 px-5 '>
-            <div className='flex flex-wrap lg:flex-nowrap lg:space-x-10 justify-between py-2'>
-              <Link href={`/article/${prev.slug}`} passHref>
-                <div className='py-3 text-blue-500 text-lg hover:underline cursor-pointer'>
-                  <FontAwesomeIcon icon={faAngleDoubleLeft} className='mr-1' />{prev.title}</div>
-              </Link>
-              <Link href={`/article/${next.slug}`} passHref>
-                <div className='flex py-3 text-blue-500 text-lg hover:underline cursor-pointer'>{next.title}
-                  <FontAwesomeIcon icon={faAngleDoubleRight} className='ml-1 my-1' />
-                </div>
-              </Link>
-            </div>
+          <div className='flex flex-wrap lg:flex-nowrap lg:space-x-10 justify-between py-2'>
+            <Link href={`/article/${prev.slug}`} passHref>
+              <div className='py-3 text-blue-500 text-lg hover:underline cursor-pointer'>
+                <FontAwesomeIcon icon={faAngleDoubleLeft} className='mr-1' />{prev.title}</div>
+            </Link>
+            <Link href={`/article/${next.slug}`} passHref>
+              <div className='flex py-3 text-blue-500 text-lg hover:underline cursor-pointer'>{next.title}
+                <FontAwesomeIcon icon={faAngleDoubleRight} className='ml-1 my-1' />
+              </div>
+            </Link>
           </div>
+        </div>
 
         {/* 评论互动 */}
         <div
@@ -176,7 +176,7 @@ export async function getStaticPaths () {
 }
 
 export async function getStaticProps ({ params: { slug } }) {
-  const from = 'slug-props'
+  const from = `slug-props-${slug}`
   const notionPageData = await getNotionPageData({ from })
   let allPosts = await getAllPosts({ notionPageData, from, includePage: true })
   const post = allPosts.find(p => p.slug === slug)
diff --git a/styles/notion.css b/styles/notion.css
index 0ee76224..a63d222d 100644
--- a/styles/notion.css
+++ b/styles/notion.css
@@ -1126,6 +1126,11 @@ svg.notion-page-icon {
 
 .notion-to-do-item .notion-property-checkbox {
   margin-right: 8px;
+  @apply w-4 h-4 border-2
+}
+
+.notion-property-checkbox-checked {
+  @apply bg-white
 }
 
 .notion-google-drive {