From d3725913f63ba9069477220165d78000f8bd9c94 Mon Sep 17 00:00:00 2001
From: Ruben Olano <rubendavid2711@gmail.com>
Date: Sat, 14 Mar 2026 20:39:18 -0500
Subject: [PATCH] update animation logic so the nav bar slides in and out on
 mobile

---
 src/TTX.Web/routes/(_islands)/MobileNav.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/TTX.Web/routes/(_islands)/MobileNav.tsx b/src/TTX.Web/routes/(_islands)/MobileNav.tsx
index 8de1ca3..3e42fdc 100644
--- a/src/TTX.Web/routes/(_islands)/MobileNav.tsx
+++ b/src/TTX.Web/routes/(_islands)/MobileNav.tsx
@@ -20,10 +20,10 @@ export default function MobileNav(
       <AnimatePresence>
         {isMobileMenuOpen.value && (
           <motion.div
-            initial={{ scale: .1, x: 135, y: -280 }}
-            animate={{ scale: 1, x: 0, y: 0 }}
-            transition={{ duration: .20 }}
-            exit={{ scale: .1, x: 135, y: -280 }}
+            initial={{ x: "100%" }}
+            animate={{ x: 0 }}
+            transition={{ duration: 0.20, ease: "easeOut" }}
+            exit={{ x: "100%" }}
             class="fixed left-0 top-0 z-50 h-screen w-full bg-white shadow-lg backdrop-blur backdrop-contrast-100 backdrop-saturate-200 backdrop-filter lg:hidden dark:bg-black"
           >
             <div class="mt-4 flex h-full flex-col">