Fix the nav overlaying other elements

This commit is contained in:
Braydon 2024-04-16 10:52:44 -04:00
parent 10b12a60da
commit 86f71ad0c1

@ -15,7 +15,7 @@ import { Suspense } from "react";
* @returns the navbar jsx * @returns the navbar jsx
*/ */
const Navbar = (): JSX.Element => ( const Navbar = (): JSX.Element => (
<nav className="fixed inset-x-0 flex h-16 px-12 justify-center sm:justify-between items-center bg-navbar-background"> <nav className="fixed inset-x-0 flex h-16 px-12 justify-center sm:justify-between items-center bg-navbar-background z-50">
{/* Left */} {/* Left */}
<div className="flex gap-7 lg:gap-12 items-center transition-all transform-gpu"> <div className="flex gap-7 lg:gap-12 items-center transition-all transform-gpu">
{/* App Branding */} {/* App Branding */}