highperfocused/lume
1
0
Fork 0
mirror of https://github.com/lumehq/lume.git synced 2025-09-18 19:20:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

updated quote reposted style

Browse Source
This commit is contained in:
Ren Amamiya
2023-04-20 14:37:02 +07:00
parent ff7a75b2ce
commit 4a013ffb33
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/note/quoteRepost.tsx
View File

@@ -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>

7
src/components/user/quoteRepost.tsx
View File

@@ -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>