Leahnaya/hackdex-website
1
0
Fork 0
mirror of https://github.com/Hackdex-App/hackdex-website.git synced 2026-04-08 02:26:23 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add active styling for header avatar link

Browse Source
This commit is contained in:
Jared Schoeny 2025-10-10 23:38:31 -10:00
parent 114ecf5f52
commit 303ce2cbdc
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Header.tsx
View File

@ -89,11 +89,13 @@ export default function Header() {
{isAuthenticated && (
<Link
href="/account"
className="ml-1 inline-flex items-center justify-center rounded-full ring-1 ring-[var(--border)] p-[2px] hover:bg-[var(--surface-2)]"
data-active={pathname === "/account" || undefined}
className="ml-1 relative group inline-flex items-center justify-center rounded-full ring-1 ring-[var(--border)] p-[2px] data-active:ring-2 data-active:ring-[var(--ring)]"
aria-label="Open account"
title="Account"
>
<Avatar uid={userId} url={avatarUrl} size={28} />
<Avatar uid={userId} url={avatarUrl} size={36} />
<div className="absolute inset-0 rounded-full bg-transparent group-hover:bg-black/30 transition-colors m-[2px]" />
</Link>
)}
</nav>