From e8392ee03363e3de431cd299273f551eadedb13a Mon Sep 17 00:00:00 2001
From: tangly <tlyong1992@hotmail.com>
Date: Sun, 7 Nov 2021 10:03:41 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=8D=A1=E7=89=8C=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/components/BlogPostCard.js b/components/BlogPostCard.js
index ffff6556..b62f4671 100644
--- a/components/BlogPostCard.js
+++ b/components/BlogPostCard.js
@@ -5,11 +5,11 @@ import React from 'react'
 
 const BlogPostCard = ({ post }) => {
   return (
-    <div key={post.id} className='2xl:flex animate__animated animate__fadeIn animate__faster shadow-card border dark:border-gray-600 my-2 w-full 2xl:max-w-2xl bg-white bg-opacity-80 dark:bg-gray-800 dark:hover:bg-gray-700 overflow-hidden'>
+    <div key={post.id} className='2xl:flex animate__animated animate__fadeIn animate__faster shadow-2xl border dark:border-gray-600 my-2 w-full 2xl:max-w-2xl bg-white bg-opacity-80 dark:bg-gray-800 dark:hover:bg-gray-700 overflow-hidden'>
         {/*  封面图 */}
         {post.page_cover && post.page_cover.length > 1 && (
           <Link href={`${BLOG.path}/article/${post.slug}`} className='md:flex-shrink-0 md:w-52 md:h-52 rounded-lg'>
-            <img className='w-full 2xl:w-80 2xl:h-full h-60 object-cover cursor-pointer transform hover:scale-110 duration-500' src={post.page_cover} alt={post.title} />
+            <img className='w-full 2xl:w-80 2xl:h-full  object-cover cursor-pointer transform hover:scale-110 duration-500' src={post.page_cover} alt={post.title} />
           </Link>
         )}
 
@@ -24,7 +24,7 @@ const BlogPostCard = ({ post }) => {
             <span className='mt-2 mx-2 text-gray-500 dark:text-gray-300 text-sm leading-4'>{post.date.start_date}</span>
           </div>
           <div className='flex'> {post.tags.map(tag => (<TagItemMini key={tag} tag={tag} />))}</div>
-          <p className='mt-2 text-gray-500 dark:text-gray-300 text-sm'>{post.summary}</p>
+          <p className='mt-2 text-gray-500 dark:text-gray-400 text-sm'>{post.summary}</p>
         </div>
     </div>
   )
diff --git a/components/BlogPostListScroll.js b/components/BlogPostListScroll.js
index fc2c32b0..b286f8c3 100644
--- a/components/BlogPostListScroll.js
+++ b/components/BlogPostListScroll.js
@@ -72,7 +72,7 @@ const BlogPostListScroll = ({ posts = [], tags, currentSearch, currentCategory,
       )}
 
       {/* 文章列表 */}
-        <div className='grid 3xl:grid-cols-3 xl:grid-cols-2 grid-cols-1 gap-5'>
+        <div className='grid 3xl:grid-cols-3 2xl:grid-cols-2 grid-cols-1 gap-5'>
           {postsToShow.map(post => (
             <BlogPostCard key={post.id} post={post} />
           ))}