From cf207df672197e63513829984590e08bba058b65 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Sun, 17 Mar 2024 18:28:37 +0800
Subject: [PATCH] chore: tweak link styles

---
 web/src/components/MemoContent/Link.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/web/src/components/MemoContent/Link.tsx b/web/src/components/MemoContent/Link.tsx
index 44a677905..b5b0be6e5 100644
--- a/web/src/components/MemoContent/Link.tsx
+++ b/web/src/components/MemoContent/Link.tsx
@@ -38,19 +38,23 @@ const Link: React.FC<Props> = ({ text, url }: Props) => {
         <div className="w-full max-w-64 sm:max-w-96 p-1 flex flex-col">
           <a href={url} target="_blank" rel="noopener noreferrer" className="group w-full flex flex-row justify-start items-center gap-1">
             <img className="w-5 h-5 pointer-events-none" src={getFaviconWithGoogleS2(url)} alt={linkMetadata?.title} />
-            <h3 className="text-base truncate dark:opacity-90 group-hover:opacity-80">{linkMetadata?.title}</h3>
+            <h3 className="text-base truncate dark:opacity-90 group-hover:opacity-80 group-hover:underline">{linkMetadata?.title}</h3>
           </a>
           {linkMetadata.description && (
-            <p className="mt-1 w-full text-sm leading-snug opacity-80 line-clamp-2">{linkMetadata.description}</p>
+            <p className="mt-1 w-full text-sm leading-snug opacity-80 line-clamp-3">{linkMetadata.description}</p>
           )}
         </div>
       }
       arrow
     >
-      <MLink href={url}>{url || text}</MLink>
+      <MLink underline="always" href={url}>
+        {url || text}
+      </MLink>
     </Tooltip>
   ) : (
-    <MLink href={url}>{url || text}</MLink>
+    <MLink underline="always" href={url}>
+      {url || text}
+    </MLink>
   );
 };