Fix the nav overlaying other elements
This commit is contained in:
@ -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 */}
|
||||||
|
Reference in New Issue
Block a user