Leahnaya/hackdex-website
1
0
Fork 0
mirror of https://github.com/Hackdex-App/hackdex-website.git synced 2026-06-01 13:03:13 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix AccountForm avatar on mobile

Browse Source
This commit is contained in:
Jared Schoeny 2025-11-28 17:05:49 -10:00
parent 296122090f
commit 06e86e14e9
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Account/AccountForm.tsx
View File

@ -63,7 +63,7 @@ export default function AccountForm({ user, profile }: { user: User | null, prof
return (
<div className="grid gap-8">
<div className="flex items-center gap-6">
<div className="flex items-center flex-col sm:flex-row gap-6">
<Avatar
uid={user?.id ?? null}
url={avatar_url}
@ -74,8 +74,8 @@ export default function AccountForm({ user, profile }: { user: User | null, prof
}}
/>
<div className="text-sm text-foreground/70">
<div className="text-xl font-semibold text-foreground">{fullname || <span className="italic text-foreground/80">No name</span>}</div>
<div className="text-sm text-foreground/70">{username ? `@${username}` : <span className="italic text-foreground/60">No username</span>}</div>
<div className="text-xl text-center sm:text-left font-semibold text-foreground">{fullname || <span className="italic text-foreground/80">No name</span>}</div>
<div className="text-sm text-center sm:text-left text-foreground/70">{username ? `@${username}` : <span className="italic text-foreground/60">No username</span>}</div>
<div className="mt-3">Update your profile details and avatar.</div>
</div>
</div>

2
src/components/Account/Avatar.tsx
View File

@ -140,7 +140,7 @@ export default function Avatar({
{isEditable && (
<input
ref={fileInputRef}
style={{ visibility: 'hidden', position: 'absolute' }}
style={{ visibility: 'hidden', position: 'absolute', width: 0, height: 0, opacity: 0, overflow: 'hidden' }}
type="file"
accept="image/*"
onChange={uploadAvatar}