Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update profile image object positioning and fix checkbox alignment in filter modal

Browse Source
This commit is contained in:
pradeepkumar
2026-04-08 03:46:15 +05:30
parent 42616ef8af
commit 935c747cd1
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/(user)/user/profiles/page.tsx
View File

@@ -76,7 +76,7 @@ function ProfileImage({ src, alt, className }: { src: string | null; alt: string
ref={(el) => { if (el?.complete) setStatus(el.naturalWidth > 0 ? 'loaded' : 'error'); }}
src={src}
alt={alt}
className={`w-full h-full object-cover transition-opacity duration-300 ${status === 'loaded' ? 'opacity-100' : 'opacity-0'}`}
className={`w-full h-full object-cover object-top transition-opacity duration-300 ${status === 'loaded' ? 'opacity-100' : 'opacity-0'}`}
onLoad={() => setStatus('loaded')}
onError={() => setStatus('error')}
/>
@@ -274,7 +274,7 @@ function ProfileCard({ profile, resolvedAvatarUrl }: ProfileCardProps) {
<ProfileImage
src={getProfileImageUrl()}
alt={`${profile.firstName} ${profile.lastName}`}
className="w-full sm:w-[200px] h-[200px] rounded-[15px]"
className="w-full aspect-square sm:w-[200px] sm:h-[200px] sm:aspect-auto rounded-[15px]"
/>
<Link href={`/user/profile/${profile.id}`} className="mt-4">
<button className="w-[113px] py-2.5 bg-[#e58625] hover:bg-[#d47720] text-[#00293d] font-fractul font-bold text-[14px] rounded-[15px] transition-colors text-center flex items-center justify-center">