From 6ff655f6897f22667349afc5c4967e51d0a8921c Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Fri, 18 Feb 2022 11:15:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E7=AB=A0=E8=AF=A6=E6=83=85=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/globals.css                     | 7 +++----
 themes/NEXT/components/BlogPostCard.js | 6 +++---
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/styles/globals.css b/styles/globals.css
index cd9aab7b..aca04ffd 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -151,8 +151,8 @@ nav {
 
 .glassmorphism{
   background: hsla(0, 0%, 100%, .75);
-  -webkit-backdrop-filter: blur(10px);    
-  backdrop-filter: blur(10px);   
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
 }
 
 .dark .glassmorphism{
@@ -184,7 +184,6 @@ nav {
   padding-top: 160px;
   bottom: -1px;
   margin-top: -200px;
-  text-align: center;
   width: 100%;
   background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);
   padding-bottom: 34px;
@@ -192,4 +191,4 @@ nav {
 
 .shadow-text{
   text-shadow: 0.1em 0.1em 0.2em black;
-}
\ No newline at end of file
+}
diff --git a/themes/NEXT/components/BlogPostCard.js b/themes/NEXT/components/BlogPostCard.js
index e4db02ec..1f00a6ca 100644
--- a/themes/NEXT/components/BlogPostCard.js
+++ b/themes/NEXT/components/BlogPostCard.js
@@ -59,9 +59,9 @@ const BlogPostCard = ({ post, showSummary }) => {
           />
         </div> }
 
-        <div className='article-cover pointer-events-none'>
-          <Link href={`${BLOG.PATH}/article/${post.slug}`} passHref>
-              <a className='hover:bg-opacity-100 hover:scale-105 pointer-events-auto transform duration-300 rounded-md p-2 text-red-500 cursor-pointer'>
+        <div className='article-cover pointer-events-none text-right'>
+          <Link href={`${BLOG.PATH}/article/${post.slug}`}>
+              <a className='hover:bg-opacity-100 hover:scale-105 hover:underline pointer-events-auto transform duration-300 p-3 text-white bg-gray-800 cursor-pointer'>
                 {locale.COMMON.ARTICLE_DETAIL}
                 <FontAwesomeIcon className='ml-1' icon={faAngleRight} /></a>
           </Link>