highperfocused/lumina
1
0
Fork 0
mirror of https://github.com/lumina-rocks/lumina.git synced 2026-04-17 10:56:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor(ProfileInfoCard): improve layout and styling of user information (#47)

Browse Source
This commit is contained in:
mroxso
2025-02-15 22:36:28 +01:00
committed by GitHub
parent ced8f6046d
commit dbf0166541
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/ProfileInfoCard.tsx
View File

@@ -84,18 +84,20 @@ const ProfileInfoCard: React.FC<ProfileInfoCardProps> = React.memo(({ pubkey })
<div className='py-6'>
<Card>
<CardHeader>
<CardTitle>
<Link href={`/profile/${nip19.npubEncode(pubkey)}`}>
<div style={{ display: 'flex', alignItems: 'center' }}>
<Avatar className='mr-2'>
<AvatarImage src={userData?.picture} alt={title} />
</Avatar>
{title}
<div className="flex items-center gap-6">
<Avatar className="h-24 w-24">
<AvatarImage src={userData?.picture} alt={title} />
</Avatar>
<div className="flex flex-col gap-1.5">
<Link href={`/profile/${nip19.npubEncode(pubkey)}`}>
<div className="text-2xl">{title}</div>
</Link>
<div className="text-sm text-muted-foreground">
<NIP05 nip05={nip05?.toString() ?? ''} pubkey={pubkey} />
</div>
</Link>
</CardTitle>
</div>
</div>
<div>
<NIP05 nip05={nip05?.toString() ?? ''} pubkey={pubkey} />
<div className='py-6 grid grid-cols-5 gap-4'>
<div className='col-span-2'>
<FollowButton pubkey={pubkey} userPubkey={userPubkey}></FollowButton>