mleku/smesh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update profile banner aspect ratio to 3/1

Browse Source
This commit is contained in:
codytseng
2025-06-09 10:53:49 +08:00
parent 717494b4ad
commit 0d42f8687f
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/secondary/ProfilePage/index.tsx
View File

@@ -89,7 +89,7 @@ const ProfilePage = forwardRef(({ id, index }: { id?: string; index?: number },
<SecondaryPageLayout index={index} ref={ref}> <SecondaryPageLayout index={index} ref={ref}>
<div className="sm:px-4"> <div className="sm:px-4">
<div className="relative bg-cover bg-center mb-2"> <div className="relative bg-cover bg-center mb-2">
<Skeleton className="w-full aspect-video sm:rounded-lg" /> <Skeleton className="w-full aspect-[3/1] sm:rounded-lg" />
<Skeleton className="w-24 h-24 absolute bottom-0 left-3 translate-y-1/2 border-4 border-background rounded-full" /> <Skeleton className="w-24 h-24 absolute bottom-0 left-3 translate-y-1/2 border-4 border-background rounded-full" />
</div> </div>
</div> </div>
@@ -111,7 +111,7 @@ const ProfilePage = forwardRef(({ id, index }: { id?: string; index?: number },
<ProfileBanner <ProfileBanner
banner={banner} banner={banner}
pubkey={pubkey} pubkey={pubkey}
className="w-full aspect-video sm:rounded-lg" className="w-full aspect-[3/1] sm:rounded-lg"
/> />
<Avatar className="w-24 h-24 absolute left-3 bottom-0 translate-y-1/2 border-4 border-background"> <Avatar className="w-24 h-24 absolute left-3 bottom-0 translate-y-1/2 border-4 border-background">
<AvatarImage src={avatar} className="object-cover object-center" /> <AvatarImage src={avatar} className="object-cover object-center" />