Joders/Jody-Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed animation for mobile nav
All checks were successful
Deploy Jody's App / build-and-deploy (push) Successful in 15s
Details

Browse Source
This commit is contained in:
Ricearoni1245
2026-01-07 21:11:42 -06:00
parent f559a28b74
commit 9a84d4b78c
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -31,4 +31,3 @@ Thumbs.db
# package-lock.json # package-lock.json
# pnpm-lock.yamlw # pnpm-lock.yamlw
.gitea/

6
src/components/Navbar.tsx
View File

@@ -71,8 +71,10 @@ export function Navbar({ onNav }: { onNav: (id: string) => void }) {
</div> </div>
<div <div
className={`md:hidden transition-[max-height] duration-300 ${ className={`md:hidden overflow-hidden transition-[max-height,opacity,transform] duration-300 ease-out ${
open ? "max-h-96 overflow-visible" : "max-h-0 overflow-hidden" open
? "max-h-96 opacity-100 translate-y-0"
: "max-h-0 opacity-0 -translate-y-2 pointer-events-none"
}`} }`}
> >
<div className="space-y-2 border-t border-secondary bg-bg px-4 py-3"> <div className="space-y-2 border-t border-secondary bg-bg px-4 py-3">