From ff76a126b8794a5d9dcdad529eed6855a1cacce8 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Wed, 12 Jan 2022 09:16:54 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=B0=83=EF=BC=9A=20card=E3=80=81menu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/components/BlogPostCard.js b/components/BlogPostCard.js
index 82a1b5ff..5d4eb7c8 100644
--- a/components/BlogPostCard.js
+++ b/components/BlogPostCard.js
@@ -39,7 +39,7 @@ const BlogPostCard = ({ post, showSummary }) => {
           </div>
         </div>
 
-        {(!showPreview || showSummary) && <p className='mt-4 text-gray-700 dark:text-gray-300 text-sm font-light leading-7'>
+        {(!showPreview || showSummary) && <p className='mt-4 mb-24 text-gray-700 dark:text-gray-300 text-sm font-light leading-7'>
           {post.summary}
         </p>}
 
@@ -57,7 +57,7 @@ const BlogPostCard = ({ post, showSummary }) => {
           />
         </div> }
 
-        <div className='flex-col items-center justify-center article-cover'>
+        <div className='article-cover'>
           <Link href={`${BLOG.path}/article/${post.slug}`} passHref>
               <a className='hover:bg-opacity-100 hover:scale-105 transform duration-300 rounded-md p-2 text-red-500 cursor-pointer'>
                 {locale.COMMON.ARTICLE_DETAIL}
diff --git a/components/MenuButtonGroup.js b/components/MenuButtonGroup.js
index 2ef9b09a..50d4d817 100644
--- a/components/MenuButtonGroup.js
+++ b/components/MenuButtonGroup.js
@@ -25,7 +25,7 @@ const MenuButtonGroup = ({ allowCollapse = false, postCount }) => {
           return <Link key={`${link.id}-${link.to}`} title={link.to} href={link.to} >
             <a className={'py-2 px-5 mx-2 duration-300 text-base justify-between hover:bg-gray-700 hover:text-white hover:shadow-lg cursor-pointer font-light flex flex-nowrap items-center ' +
               (selected ? 'bg-gray-200 text-black' : ' ')} >
-              <div className='my-auto justify-center flex '>
+              <div className='my-auto items-center justify-center flex '>
                 <FontAwesomeIcon icon={link.icon} />
                 <div className={'ml-4'}>{link.name}</div>
               </div>