#126 resolved, clip overflow region when not needed (#127)

* resolved, clip overflow region when not needed * simplification to md
HackAtUCI · Dec 18, 2023 · b6f0611 · b6f0611
1 parent a45a6b4
commit b6f0611
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/site/src/lib/components/Navbar/Navbar.tsx b/apps/site/src/lib/components/Navbar/Navbar.tsx
@@ -34,8 +34,8 @@ function Navbar({ identity }: NavbarProps) {
 
 	return (
 		<NavMenu.Root
-			className={`${
-				hasScrolled ? "md:bg-opacity-50" : ""
+			className={`${hasScrolled ? "md:bg-opacity-50" : ""} ${
+				hidden ? "max-md:h-[4rem] max-md:overflow-hidden" : ""
 			} transition-colors duration-0 md:duration-700 ease-out w-full z-10 flex flex-col fixed bg-black bg-opacity-0 md:flex-row md:items-center`}
 		>
 			<NavMenu.List className="bg-black bg-opacity-50 md:bg-opacity-0 flex p-3">