From 000077ca1ac4a2b27d9c6f7c8780ed3acb743c04 Mon Sep 17 00:00:00 2001
From: Femoon <839242981@qq.com>
Date: Mon, 23 Oct 2023 10:03:40 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=94=B9=E7=94=A8=20style=20=E4=BC=A0?=
 =?UTF-8?q?=20height?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/LazyImage.js                  | 1 -
 themes/medium/components/BlogPostCard.js | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/LazyImage.js b/components/LazyImage.js
index d878ddb1..4556bd0d 100644
--- a/components/LazyImage.js
+++ b/components/LazyImage.js
@@ -60,7 +60,6 @@ export default function LazyImage({
     ref: imageRef,
     src: imageLoaded ? src : placeholderSrc,
     alt: alt,
-    style: src ? style : { height: '0px', ...style },
     onLoad: handleImageLoad
   }
 
diff --git a/themes/medium/components/BlogPostCard.js b/themes/medium/components/BlogPostCard.js
index 273660b0..16a963e6 100644
--- a/themes/medium/components/BlogPostCard.js
+++ b/themes/medium/components/BlogPostCard.js
@@ -31,7 +31,7 @@ const BlogPostCard = ({ post, showSummary }) => {
                     }>
                     <div>
                         {CONFIG.POST_LIST_COVER && <div className='w-full max-h-96 object-cover overflow-hidden mb-2'>
-                            <LazyImage src={post.pageCoverThumbnail} className='w-full max-h-96 object-cover hover:scale-125 duration-150' />
+                            <LazyImage src={post.pageCoverThumbnail} style={post.pageCoverThumbnail ? {} : { height: '0px' }} className='w-full max-h-96 object-cover hover:scale-125 duration-150' />
                         </div>}
                         {post.title}
                     </div>