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

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

diff --git a/components/BlogPostCard.js b/components/BlogPostCard.js
index 27c50b17..ffff6556 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='animate__animated animate__fadeIn animate__faster shadow-card inline-block 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-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'>
         {/*  封面图 */}
         {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 max-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 h-60 object-cover cursor-pointer transform hover:scale-110 duration-500' src={post.page_cover} alt={post.title} />
           </Link>
         )}
 
diff --git a/components/BlogPostListScroll.js b/components/BlogPostListScroll.js
index 423ee6c0..fc2c32b0 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 md:grid-cols-2 grid-cols-1 gap-5'>
+        <div className='grid 3xl:grid-cols-3 xl:grid-cols-2 grid-cols-1 gap-5'>
           {postsToShow.map(post => (
             <BlogPostCard key={post.id} post={post} />
           ))}