From 3bd0c9b4d6be40fff435e2751051fce41f055344 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Sat, 22 Jul 2023 15:08:31 +0100
Subject: [PATCH] feat: hide reading time in mobile

---
 src/components/common/PostCard.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/common/PostCard.tsx b/src/components/common/PostCard.tsx
index 51fb3beb..0b2c0247 100644
--- a/src/components/common/PostCard.tsx
+++ b/src/components/common/PostCard.tsx
@@ -53,7 +53,7 @@ const Card = ({
         title={post.metadata?.content?.title}
       />
       <div className="px-3 py-2 sm:px-5 sm:py-4 w-full min-w-0 h-[148px] sm:h-[166px] flex flex-col space-y-2 text-sm">
-        <div className="line-clamp-3 space-y-2 h-[74px]">
+        <div className="line-clamp-3 space-y-2 h-[76px]">
           {comment && (
             <div className="font-medium text-zinc-700 line-clamp-2">
               <i className="icon-[mingcute--comment-fill] mr-2" />
@@ -92,10 +92,10 @@ const Card = ({
             </div>
           )}
         </div>
-        <div className="xlog-post-meta text-zinc-400 space-x-2 flex items-center text-[13px] h-[26px] truncate">
+        <div className="xlog-post-meta text-zinc-400 flex items-center text-[13px] h-[26px] truncate">
           {!!post.metadata?.content?.tags?.[1] && (
             <span
-              className="xlog-post-tags hover:text-zinc-600 hover:bg-zinc-200 border transition-colors text-zinc-500 inline-flex items-center bg-zinc-100 rounded-full px-2 py-[1.5px] truncate"
+              className="xlog-post-tags hover:text-zinc-600 hover:bg-zinc-200 border transition-colors text-zinc-500 inline-flex items-center bg-zinc-100 rounded-full px-2 py-[1.5px] truncate text-xs sm:text-[13px] mr-2"
               onClick={(e) => {
                 e.preventDefault()
                 router.push(`/tag/${post.metadata?.content?.tags?.[1]}`)
@@ -105,7 +105,7 @@ const Card = ({
               {post.metadata?.content?.tags?.[1]}
             </span>
           )}
-          <span className="xlog-post-word-count inline-flex items-center">
+          <span className="xlog-post-word-count sm:inline-flex items-center hidden mr-2">
             <i className="icon-[mingcute--time-line] mr-[2px]" />
             <span
               style={{