From 9a84d4b78cc289a619cb6268b3242e2e4a6313cc Mon Sep 17 00:00:00 2001
From: Ricearoni1245 <jholt1008@gmail.com>
Date: Wed, 7 Jan 2026 21:11:42 -0600
Subject: [PATCH]  fixed animation for mobile nav

---
 .gitignore                | 1 -
 src/components/Navbar.tsx | 6 ++++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/.gitignore b/.gitignore
index 5fba6cc..3dc0343 100644
--- a/.gitignore
+++ b/.gitignore
@@ -31,4 +31,3 @@ Thumbs.db
 # package-lock.json
 # pnpm-lock.yamlw
 
-.gitea/
\ No newline at end of file
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 548bb02..e98eec6 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -71,8 +71,10 @@ export function Navbar({ onNav }: { onNav: (id: string) => void }) {
       </div>
 
       <div
-        className={`md:hidden transition-[max-height] duration-300 ${
-          open ? "max-h-96 overflow-visible" : "max-h-0 overflow-hidden"
+        className={`md:hidden overflow-hidden transition-[max-height,opacity,transform] duration-300 ease-out ${
+          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">