From fc04a01356c84e96847a43ac96efb9e5f50e27da Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Fri, 1 Dec 2023 17:17:45 +0800
Subject: [PATCH] simple theme

---
 components/Tabs.js                      |  2 +-
 styles/notion.css                       |  3 +-
 themes/simple/components/ArticleInfo.js | 25 +++++++-------
 themes/simple/components/Catalog.js     | 44 +++++++++++++------------
 themes/simple/config.js                 |  2 +-
 5 files changed, 40 insertions(+), 36 deletions(-)

diff --git a/components/Tabs.js b/components/Tabs.js
index 439dcaee..6f08aada 100644
--- a/components/Tabs.js
+++ b/components/Tabs.js
@@ -39,7 +39,7 @@ const Tabs = ({ className, children }) => {
         <ul className='flex justify-center space-x-5 pb-4 dark:text-gray-400 text-gray-600 overflow-auto'>
             {children.map((item, index) => {
               return <li key={index}
-                    className={(currentTab === index ? 'font-black border-b-2 border-red-500 text-red-500 animate__animated animate__jello ' : 'font-extralight cursor-pointer') + ' text-sm font-sans '}
+                    className={(currentTab === index ? 'font-black border-b-2 border-red-600 text-red-600 animate__animated animate__jello ' : 'font-extralight cursor-pointer') + ' text-sm font-sans '}
                     onClick={() => {
                       tabClickHandle(index)
                     }}>
diff --git a/styles/notion.css b/styles/notion.css
index 50ce45f3..cd461c33 100644
--- a/styles/notion.css
+++ b/styles/notion.css
@@ -1130,9 +1130,10 @@ code[class*='language-'] {
   transition: background 20ms ease-in 0s;
   cursor: pointer;
   width: 100%;
+  opacity: 0.9;
 
   padding: 6px 2px;
-  font-size: 14px;
+  font-size: 15px;
   line-height: 1.2;
   display: flex;
   align-items: center;
diff --git a/themes/simple/components/ArticleInfo.js b/themes/simple/components/ArticleInfo.js
index fc3de00b..f4f1b63a 100644
--- a/themes/simple/components/ArticleInfo.js
+++ b/themes/simple/components/ArticleInfo.js
@@ -11,21 +11,21 @@ export const ArticleInfo = (props) => {
 
   return (
         <section className="mt-2 text-gray-600 dark:text-gray-400 leading-8">
-                <h2
-                    className="blog-item-title mb-5 font-bold text-black text-xl md:text-2xl no-underline">
-                    {post?.title}
-                </h2>
+            <h2
+                className="blog-item-title mb-5 font-bold text-black text-xl md:text-2xl no-underline">
+                {post?.title}
+            </h2>
 
-                {post?.type !== 'Page' && (<>
-                    <div className="mb-4 text-sm text-gray-700 dark:text-gray-300">
+            <div className='flex flex-wrap text-gray-700 dark:text-gray-300'>
+                {post?.type !== 'Page' && (
+                    <div className="space-x-3 mr-4">
                         <span> <i className="fa-regular fa-user"></i> <a href={siteConfig('SIMPLE_AUTHOR_LINK', null, CONFIG)}>{siteConfig('AUTHOR')}</a></span>
-                        <span> - <i className="fa-regular fa-clock"></i> {post?.publishDay}</span>
-                        {post?.category && <span> - <i className="fa-regular fa-folder"></i> <a href={`/category/${post?.category}`} className="hover:text-red-400 transition-all duration-200">{post?.category}</a></span>}
+                        <span> <i className="fa-regular fa-clock"></i> {post?.publishDay}</span>
+                        {post?.category && <span>  <i className="fa-regular fa-folder"></i> <a href={`/category/${post?.category}`} className="hover:text-red-400 transition-all duration-200">{post?.category}</a></span>}
                         {post?.tags && post?.tags?.length > 0 && post?.tags.map(t => <span key={t}> / <Link href={`/tag/${t}`}><span className=' hover:text-red-400 transition-all duration-200'>{t}</span></Link></span>)}
-                    </div>
-                </>)}
+                    </div>)}
 
-                {post?.type !== 'Page' && (<>
+                {post?.type !== 'Page' && (<div className=''>
                     <span>{locale.COMMON.POST_TIME}:
                         <Link
                             href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}
@@ -44,8 +44,9 @@ export const ArticleInfo = (props) => {
                         &nbsp;
                         <span className="mr-2 busuanzi_value_page_pv" />
                     </span>
-                </>)}
+                </div>)}
 
+            </div>
         </section>
   )
 }
diff --git a/themes/simple/components/Catalog.js b/themes/simple/components/Catalog.js
index 54f0d69f..c84ca9b3 100644
--- a/themes/simple/components/Catalog.js
+++ b/themes/simple/components/Catalog.js
@@ -57,31 +57,33 @@ const Catalog = ({ post }) => {
   }
 
   return <div className='px-3 '>
-    <div className='dark:text-white'><i className='mr-1 fas fa-stream' />{locale.COMMON.TABLE_OF_CONTENTS}</div>
+        <div className='dark:text-white mb-2'>
+            <i className='mr-1 fas fa-stream' />{locale.COMMON.TABLE_OF_CONTENTS}
+        </div>
 
-    <div className='overflow-y-auto overscroll-none max-h-36 lg:max-h-96 scroll-hidden' ref={tRef}>
-      <nav className='h-full  text-black'>
-        {post?.toc?.map((tocItem) => {
-          const id = uuidToId(tocItem.id)
-          return (
-            <a
-              key={id}
-              href={`#${id}`}
-              className={`notion-table-of-contents-item duration-300 transform font-light dark:text-gray-200
+        <div className='overflow-y-auto overscroll-none max-h-36 lg:max-h-96 scroll-hidden' ref={tRef}>
+            <nav className='h-full  text-black'>
+                {post?.toc?.map((tocItem) => {
+                  const id = uuidToId(tocItem.id)
+                  return (
+                        <a
+                            key={id}
+                            href={`#${id}`}
+                            className={`notion-table-of-contents-item duration-300 transform dark:text-gray-200
             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-500 underline overflow-ellipsis truncate'}`}
-              >
-                {tocItem.text}
-              </span>
-            </a>
-          )
-        })}
-      </nav>
+                        >
+                            <span style={{ display: 'inline-block', marginLeft: tocItem.indentLevel * 16 }}
+                                className={`${activeSection === id && ' font-bold text-red-600 underline overflow-ellipsis truncate'}`}
+                            >
+                                {tocItem.text}
+                            </span>
+                        </a>
+                  )
+                })}
+            </nav>
 
+        </div>
     </div>
-  </div>
 }
 
 export default Catalog
diff --git a/themes/simple/config.js b/themes/simple/config.js
index c7cdf991..bbacb396 100644
--- a/themes/simple/config.js
+++ b/themes/simple/config.js
@@ -17,4 +17,4 @@ const CONFIG = {
   SIMPLE_MENU_ARCHIVE: true, // 显示归档
   SIMPLE_MENU_SEARCH: true // 显示搜索
 }
-export default CO
\ No newline at end of file
+export default CONFIG