Fixed account card name

This commit is contained in:
2026-08-19 14:18:10 -04:00
parent 2e439fce0e
commit 994e126a7d
+5 -5
View File
@@ -18,14 +18,14 @@ export default function AccountCard({
return ( return (
<div className="absolute -left-16 right-16 bottom-0 h-20 w-[calc(100%+4rem-2rem)] z-10 ml-4 mb-4 @max-[150px]:hidden"> <div className="absolute -left-16 right-16 bottom-0 h-20 w-[calc(100%+4rem-2rem)] z-10 ml-4 mb-4 @max-[150px]:hidden">
<Card className="px-3 py-3 h-full w-full flex flex-row"> <Card className="px-3 py-3 h-full w-full flex flex-row">
<div className="flex gap-2.5 items-center"> <div className="flex gap-2.5 items-center w-full">
<Avatar className="h-full w-auto aspect-square"> <Avatar className="h-full w-auto aspect-square">
<AvatarImage src={account.avatar} /> <AvatarImage src={account.avatar} />
<AvatarFallback>{account.displayName[0]}</AvatarFallback> <AvatarFallback>{account.displayName[0]}</AvatarFallback>
</Avatar> </Avatar>
<div className="flex flex-col"> <div className="flex flex-col w-full">
<span <span
className="flex items-center gap-1.5 cursor-pointer" className="flex items-center gap-1.5 cursor-pointer w-full"
onClick={() => { onClick={() => {
navigator.clipboard.writeText( navigator.clipboard.writeText(
base58.encode( base58.encode(
@@ -34,13 +34,13 @@ export default function AccountCard({
); );
}} }}
> >
{account.displayName} <p>{account.displayName}</p>
<CopyIcon className="text-muted-foreground size-3" /> <CopyIcon className="text-muted-foreground size-3" />
</span> </span>
<span className="text-muted-foreground">Online</span> <span className="text-muted-foreground">Online</span>
</div> </div>
</div> </div>
<div className="ml-auto flex items-center text-muted-foreground"> <div className="flex items-center text-muted-foreground">
<Button variant="ghost" className="size-10"> <Button variant="ghost" className="size-10">
<Settings2Icon className="size-5.5" /> <Settings2Icon className="size-5.5" />
</Button> </Button>