From fba27f5d4f63daeb24e036368896143031a567ff Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Tue, 19 Apr 2022 14:57:08 +0800
Subject: [PATCH] fix: firefox mansory layout

---
 themes/fukasawa/components/BlogCard.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/themes/fukasawa/components/BlogCard.js b/themes/fukasawa/components/BlogCard.js
index 507bac40..f7235c71 100644
--- a/themes/fukasawa/components/BlogCard.js
+++ b/themes/fukasawa/components/BlogCard.js
@@ -7,7 +7,7 @@ import Card from './Card'
 const BlogCard = ({ post, showSummary }) => {
   const showPreview = CONFIG_FUKA.POST_LIST_PREVIEW && post.blockMap
   return (
-    <Card className="w-full lg:max-w-sm p-2">
+    <Card className="w-full lg:max-w-sm p-2 h-full overflow-auto">
       <div
         key={post.id}
         className="animate__animated animate__fadeIn flex flex-col-reverse justify-between duration-300"
@@ -15,9 +15,8 @@ const BlogCard = ({ post, showSummary }) => {
         <div className="p-2 flex flex-col w-full">
           <Link href={`${BLOG.SUB_PATH}/article/${post.slug}`} passHref>
             <a
-              className={`cursor-pointer font-bold hover:underline text-xl ${
-                showPreview ? 'justify-center' : 'justify-start'
-              } leading-tight text-gray-700 dark:text-gray-100 hover:text-blue-500 dark:hover:text-blue-400`}
+              className={`cursor-pointer font-bold hover:underline text-xl ${showPreview ? 'justify-center' : 'justify-start'
+                } leading-tight text-gray-700 dark:text-gray-100 hover:text-blue-500 dark:hover:text-blue-400`}
             >
               {post.title}
             </a>