System-End/campfire
1
0
Fork 0
mirror of https://github.com/System-End/campfire.git synced 2026-04-19 19:45:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: better navbar hover/click animations

Browse source
This commit is contained in:
ascpixi 2025-11-17 13:53:58 -05:00
parent 8298ecab2c
commit 5bd731681d
1 changed files with 1 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/components/NavbarLink.tsx
View file

@ -6,12 +6,11 @@ interface NavbarLinkProps {
function NavbarLink({ children, onClick }: NavbarLinkProps) {
return (
<button
className="relative hover:opacity-80 transition-opacity cursor-pointer group"
className="relative cursor-pointer group hover:scale-110 active:scale-95 transition-transform"
onClick={onClick}
>
<span className="relative">
{children}
<span className="absolute left-0 -bottom-1 w-0 h-[3px] bg-white transition-all duration-300 ease-out group-hover:w-full"></span>
</span>
</button>
);