feat: Add hidden class to MobileNav conditional render

trillium · trillium · commit 3241ab766c47 · 2024-06-16T13:49:15.000-07:00
diff --git a/components/MobileNav.tsx b/components/MobileNav.tsx
@@ -37,7 +37,7 @@ const MobileNav = () => {
       </button>
       <div
         className={`fixed left-0 top-0 z-10 h-full w-full transform bg-white opacity-95 duration-300 ease-in-out dark:bg-gray-950 dark:opacity-[0.98] ${
-          navShow ? 'translate-x-0' : 'translate-x-full'
+          navShow ? 'translate-x-0' : 'hidden translate-x-full'
         }`}
       >
         <div className="flex justify-end">

Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@ const MobileNav = () => {`
`37`	`37`	`</button>`
`38`	`38`	`<div`
`39`	`39`	className={`fixed left-0 top-0 z-10 h-full w-full transform bg-white opacity-95 duration-300 ease-in-out dark:bg-gray-950 dark:opacity-[0.98] ${
`40`		`- navShow ? 'translate-x-0' : 'translate-x-full'`
	`40`	`+ navShow ? 'translate-x-0' : 'hidden translate-x-full'`
`41`	`41`	}`}
`42`	`42`	`>`
`43`	`43`	`<div className="flex justify-end">`