This commit is contained in:
rngsurrounded
2025-03-04 09:01:08 +09:00
2 changed files with 8 additions and 9 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

@@ -3,15 +3,14 @@ import { User } from "@/shared/types/user";
export const UserInfo = ({ user }: { user: User }) => {
return (
<section className="flex flex-1 flex-col items-center gap-6 text-center md:max-w-[420px] md:items-start md:text-left md:text-ellipsis">
{user.avatar && (
<div className="aspect-square h-auto w-full max-w-[300px] overflow-hidden rounded-full border">
<div className="bg-card aspect-square h-auto w-full max-w-[300px] overflow-hidden rounded-full border">
<img
src={user.avatar}
src={user.avatar ?? "/lottie.png"}
alt={user.username}
className="h-full w-full object-cover object-center"
/>
</div>
)}
<div className="flex flex-col gap-3">
<h1 className="text-4xl font-semibold">{user.username}</h1>
<p className="text-muted-foreground">{user.email}</p>