This commit is contained in:
moolcoov
2025-03-04 03:00:18 +03:00
parent 394c50d7fc
commit aec550ac9e
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 }) => { export const UserInfo = ({ user }: { user: User }) => {
return ( 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"> <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="bg-card aspect-square h-auto w-full max-w-[300px] overflow-hidden rounded-full border">
<div className="aspect-square h-auto w-full max-w-[300px] overflow-hidden rounded-full border"> <img
<img src={user.avatar ?? "/lottie.png"}
src={user.avatar} alt={user.username}
alt={user.username} className="h-full w-full object-cover object-center"
className="h-full w-full object-cover object-center" />
/> </div>
</div>
)}
<div className="flex flex-col gap-3"> <div className="flex flex-col gap-3">
<h1 className="text-4xl font-semibold">{user.username}</h1> <h1 className="text-4xl font-semibold">{user.username}</h1>
<p className="text-muted-foreground">{user.email}</p> <p className="text-muted-foreground">{user.email}</p>