You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

39 lines
1.5 KiB
PHTML

<nav>
<!-- Primary Navigation Menu -->
<div class="my-4">
<div class="flex flex-row gap-x-2 text-xl font-ibm whitespace-nowrap">
<x-nav-button class="text-red-400 shadow-red-950"
:route="route('dashboard')"
:active="request()->routeIs('dashboard')">Home
</x-nav-button>
<x-nav-button class="text-yellow-400 shadow-yellow-950"
:route="route('about')"
:active="request()->routeIs('about')">About
</x-nav-button>
<x-nav-button class="text-lime-400 shadow-lime-950"
:route="route('projects.index')"
:active="request()->routeIs('projects.*')"
>Projects
</x-nav-button>
<x-nav-button class="text-blue-400 shadow-blue-950"
:route="route('blog')"
:active="request()->routeIs('blog')"
>Blog
</x-nav-button>
<x-nav-button class="text-purple-300 shadow-purple-950"
:route="route('changelog')"
:active="request()->routeIs('changelog')"
>Changelog
</x-nav-button>
<div class="ml-auto hidden md:flex">
<x-nav-button class="text-zinc-200 shadow-zinc-950"
:route="route('dashboard')"
>niisse.net
</x-nav-button>
</div>
</div>
</div>
</nav>