From 4a013ffb334ab6138e11da96a9201fce4c6fa2da Mon Sep 17 00:00:00 2001
From: Ren Amamiya <123083837+reyamir@users.noreply.github.com>
Date: Thu, 20 Apr 2023 14:37:02 +0700
Subject: [PATCH] updated quote reposted style

---
 src/components/note/quoteRepost.tsx | 2 +-
 src/components/user/quoteRepost.tsx | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/note/quoteRepost.tsx b/src/components/note/quoteRepost.tsx
index d453147c..32ae36f9 100644
--- a/src/components/note/quoteRepost.tsx
+++ b/src/components/note/quoteRepost.tsx
@@ -22,7 +22,7 @@ export const NoteQuoteRepost = memo(function NoteQuoteRepost({ event }: { event:
 
   return (
     <div className="relative z-10 m-0 flex h-min min-h-min w-full select-text flex-col border-b border-zinc-800 px-3 py-5 hover:bg-black/20">
-      <div className="relative z-10 flex flex-col pb-8">
+      <div className="relative z-10 flex flex-col pb-5">
         <div className="absolute left-[21px] top-0 h-full w-0.5 bg-gradient-to-t from-zinc-800 to-zinc-600"></div>
         <UserQuoteRepost pubkey={event.pubkey} time={event.created_at} />
       </div>
diff --git a/src/components/user/quoteRepost.tsx b/src/components/user/quoteRepost.tsx
index d89ef219..f240c7e4 100644
--- a/src/components/user/quoteRepost.tsx
+++ b/src/components/user/quoteRepost.tsx
@@ -24,8 +24,11 @@ export const UserQuoteRepost = ({ pubkey, time }: { pubkey: string; time: number
         />
       </div>
       <div className="flex items-baseline gap-2 text-sm">
-        <h5 className="font-bold leading-tight group-hover:underline">
-          {profile?.display_name || profile?.name || shortenKey(pubkey)} reposted
+        <h5 className="font-semibold leading-tight group-hover:underline">
+          {profile?.display_name || profile?.name || shortenKey(pubkey)}{' '}
+          <span className="bg-gradient-to-r from-fuchsia-300 via-orange-100 to-amber-300 bg-clip-text text-transparent">
+            reposted
+          </span>
         </h5>
         <span className="leading-tight text-zinc-500">·</span>
         <span className="text-zinc-500">{dayjs().to(dayjs.unix(time))}</span>