From 96a72c0c3d5420de17687b4432c3c3640470daa1 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Fri, 1 Dec 2023 15:16:57 +0800
Subject: [PATCH] SEO simple

---
 components/Tabs.js                      | 2 +-
 themes/simple/components/ArticleInfo.js | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/components/Tabs.js b/components/Tabs.js
index c497bd0c..439dcaee 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-400 text-red-400 animate__animated animate__jello ' : 'font-extralight cursor-pointer') + ' text-sm font-sans '}
+                    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 '}
                     onClick={() => {
                       tabClickHandle(index)
                     }}>
diff --git a/themes/simple/components/ArticleInfo.js b/themes/simple/components/ArticleInfo.js
index 26c13a93..fc3de00b 100644
--- a/themes/simple/components/ArticleInfo.js
+++ b/themes/simple/components/ArticleInfo.js
@@ -10,8 +10,7 @@ export const ArticleInfo = (props) => {
   const { locale } = useGlobal()
 
   return (
-        <section className="flex-wrap flex mt-2 text-gray-400 dark:text-gray-400 font-light leading-8">
-            <div>
+        <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}
@@ -36,7 +35,7 @@ export const ArticleInfo = (props) => {
                         </Link>
                     </span>
                     <span className='mr-2'>|</span>
-                    <span className='mx-2 text-gray-400 dark:text-gray-500'>
+                    <span className='mx-2  dark:text-gray-500'>
                         {locale.COMMON.LAST_EDITED_TIME}: {post?.lastEditedDay}
                     </span>
                     <span className='mr-2'>|</span>
@@ -47,8 +46,6 @@ export const ArticleInfo = (props) => {
                     </span>
                 </>)}
 
-            </div>
-
         </section>
   )
 }