From 544d65972aaee1d59780c35884e00273ed279338 Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Thu, 26 Jun 2025 23:50:04 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=F0=9F=8E=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Nip05/index.tsx     | 23 +++++++++++++++--------
 src/components/Note/index.tsx      |  2 +-
 src/components/ReplyNote/index.tsx |  4 ++--
 3 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/components/Nip05/index.tsx b/src/components/Nip05/index.tsx
index 1de6e883..6d75c116 100644
--- a/src/components/Nip05/index.tsx
+++ b/src/components/Nip05/index.tsx
@@ -24,20 +24,27 @@ export default function Nip05({ pubkey, append }: { pubkey: string; append?: str
   if (!profile?.nip05 || !nip05Name || !nip05Domain) return null
 
   return (
-    <div className="flex items-center gap-1 truncate" onClick={(e) => e.stopPropagation()}>
+    <div
+      className="flex items-center gap-1 truncate [&_svg]:size-3.5 [&_svg]:shrink-0"
+      onClick={(e) => e.stopPropagation()}
+    >
       {nip05Name !== '_' ? (
         <span className="text-sm text-muted-foreground truncate">@{nip05Name}</span>
       ) : null}
+      {nip05IsVerified ? (
+        <Favicon
+          domain={nip05Domain}
+          className="w-3.5 h-3.5"
+          fallback={<BadgeCheck className="text-primary" />}
+        />
+      ) : (
+        <BadgeAlert className="text-muted-foreground" />
+      )}
       <SecondaryPageLink
         to={toNoteList({ domain: nip05Domain })}
-        className={`flex items-center gap-1 hover:underline truncate [&_svg]:size-3.5 [&_svg]:shrink-0 ${nip05IsVerified ? 'text-primary' : 'text-muted-foreground'}`}
+        className={`hover:underline truncate ${nip05IsVerified ? 'text-primary' : 'text-muted-foreground'}`}
       >
-        {nip05IsVerified ? (
-          <Favicon domain={nip05Domain} className="w-3.5 h-3.5" fallback={<BadgeCheck />} />
-        ) : (
-          <BadgeAlert />
-        )}
-        <span className="text-sm truncate">{nip05Domain}</span>
+        {nip05Domain}
       </SecondaryPageLink>
       {append && <span className="text-sm text-muted-foreground truncate">{append}</span>}
     </div>
diff --git a/src/components/Note/index.tsx b/src/components/Note/index.tsx
index e7a7b79a..efa34d21 100644
--- a/src/components/Note/index.tsx
+++ b/src/components/Note/index.tsx
@@ -62,7 +62,7 @@ export default function Note({
                 <span className="text-sm text-muted-foreground shrink-0">using {usingClient}</span>
               )}
             </div>
-            <div className="flex items-baseline gap-1 text-sm text-muted-foreground">
+            <div className="flex items-center gap-1 text-sm text-muted-foreground">
               <Nip05 pubkey={event.pubkey} append="·" />
               <FormattedTimestamp
                 timestamp={event.created_at}
diff --git a/src/components/ReplyNote/index.tsx b/src/components/ReplyNote/index.tsx
index 35bf46de..c9a1c2f1 100644
--- a/src/components/ReplyNote/index.tsx
+++ b/src/components/ReplyNote/index.tsx
@@ -52,7 +52,7 @@ export default function ReplyNote({
           <div className="w-full overflow-hidden">
             <div className="flex items-start justify-between gap-2">
               <div className="flex-1 w-0">
-                <div className="flex gap-1 items-baseline">
+                <div className="flex gap-1 items-center">
                   <Username
                     userId={event.pubkey}
                     className="text-sm font-semibold text-muted-foreground hover:text-foreground truncate"
@@ -64,7 +64,7 @@ export default function ReplyNote({
                     </span>
                   )}
                 </div>
-                <div className="flex items-baseline gap-1 text-sm text-muted-foreground">
+                <div className="flex items-center gap-1 text-sm text-muted-foreground">
                   <Nip05 pubkey={event.pubkey} append="·" />
                   <FormattedTimestamp
                     timestamp={event.created_at}