fix navbar
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m3s

This commit is contained in:
Lee 2024-04-19 15:41:35 +01:00
parent c2ca3beb05
commit 69502c7709

@ -39,10 +39,12 @@ export default function NavBar(): ReactElement {
return ( return (
<div className="bg-secondary relative w-full rounded-lg flex justify-between items-center gap-3 mt-2 px-3 bg-opacity-85 h-12"> <div className="bg-secondary relative w-full rounded-lg flex justify-between items-center gap-3 mt-2 px-3 bg-opacity-85 h-12">
{/* Left */} {/* Left */}
<div className="z-50">
<Link href="/" className="flex items-center gap-2"> <Link href="/" className="flex items-center gap-2">
<Logo /> <Logo />
<p className="hidden md:block">Minecraft Utilities</p> <p className="hidden md:block">Minecraft Utilities</p>
</Link> </Link>
</div>
{/* Links */} {/* Links */}
<div className="absolute inset-x-0 flex justify-center"> <div className="absolute inset-x-0 flex justify-center">
@ -64,7 +66,7 @@ export default function NavBar(): ReactElement {
</div> </div>
{/* Right */} {/* Right */}
<div className="flex gap-4 items-center"> <div className="flex gap-4 items-center z-50">
<ToggleThemeButton /> <ToggleThemeButton />
<GithubStar /> <GithubStar />
</div> </div>