From d1e8af48c03a3e7bba4870566bfa3490abc15f01 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Sat, 23 Mar 2024 00:58:15 +0800
Subject: [PATCH] chore: tweak memo view styles

---
 web/src/components/MemoView.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/web/src/components/MemoView.tsx b/web/src/components/MemoView.tsx
index 08e12aeb8..622d21149 100644
--- a/web/src/components/MemoView.tsx
+++ b/web/src/components/MemoView.tsx
@@ -91,12 +91,16 @@ const MemoView: React.FC<Props> = (props: Props) => {
                 <UserAvatar className="mr-2 shrink-0" avatarUrl={creator.avatarUrl} />
               </Link>
               <div className="w-full flex flex-col justify-center items-start">
-                <Link className="w-auto hover:opacity-80" to={`/u/${encodeURIComponent(creator.username)}`} unstable_viewTransition>
-                  <span className="text-gray-600 text-lg leading-tight max-w-[80%] truncate dark:text-gray-400">
+                <Link
+                  className="w-auto leading-tight hover:opacity-80"
+                  to={`/u/${encodeURIComponent(creator.username)}`}
+                  unstable_viewTransition
+                >
+                  <span className="text-gray-600 leading-tight max-w-[80%] truncate dark:text-gray-400">
                     {creator.nickname || creator.username}
                   </span>
                 </Link>
-                <div className="w-auto -mt-0.5 text-xs leading-none text-gray-400 select-none" onClick={handleGotoMemoDetailPage}>
+                <div className="w-auto -mt-0.5 text-xs leading-tight text-gray-400 select-none" onClick={handleGotoMemoDetailPage}>
                   <relative-time datetime={memo.displayTime?.toISOString()} format={relativeTimeFormat} tense="past"></relative-time>
                 </div>
               </div>