From ea4eba0d2f31c3d6cb6b776a800034d1c537f298 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Fri, 31 Dec 2021 15:04:46 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E6=A0=87=E7=AD=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/BlogPostCard.js | 2 +-
 components/TagItemMini.js  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/BlogPostCard.js b/components/BlogPostCard.js
index fe752d62..5785168e 100644
--- a/components/BlogPostCard.js
+++ b/components/BlogPostCard.js
@@ -32,7 +32,7 @@ const BlogPostCard = ({ post, tags }) => {
             <a className='font-light hover:underline cursor-pointer text-sm leading-4 mr-3'>{post.date.start_date}</a>
           </Link>
           </div>
-          <div className='md:flex-nowrap flex-wrap md:justify-start hidden md:inline-block'>
+          <div className='md:flex-nowrap flex-wrap md:justify-start inline-block'>
             <div> {post.tagItems.map(tag => (<TagItemMini key={tag.name} tag={tag} />))}</div>
           </div>
         </div>
diff --git a/components/TagItemMini.js b/components/TagItemMini.js
index fb6ced3f..2e79e403 100644
--- a/components/TagItemMini.js
+++ b/components/TagItemMini.js
@@ -8,8 +8,8 @@ const TagItemMini = ({ tag, selected = false }) => {
       mr-2 py-0.5 px-1 text-xs whitespace-nowrap dark:hover:text-white
        ${selected
       ? 'text-white dark:text-gray-300 bg-black dark:bg-black dark:hover:bg-gray-900'
-      : `text-gray-600 hover:shadow-xl dark:border-gray-400 notion-${tag.color}_background dark:bg-gray-600 dark:text-gray-300 `}` }>
-    <div className='font-light'>{selected && <FontAwesomeIcon icon={faTag} className='mr-1'/>} {tag.name + (tag.count ? `(${tag.count})` : '')} </div>
+      : `text-gray-600 hover:shadow-xl dark:border-gray-400 notion-${tag.color}_background dark:bg-gray-900`}` }>
+    <div className='font-light dark:text-gray-400'>{selected && <FontAwesomeIcon icon={faTag} className='mr-1'/>} {tag.name + (tag.count ? `(${tag.count})` : '')} </div>
     </a>
   </Link>
 }