Tweak navbar

This commit is contained in:
samy
2025-06-17 10:00:05 -10:00
parent 3c5d0e7d57
commit ce2d477d6e
@@ -1,21 +1,29 @@
@props([
'menu' => null,
'brand' => null,
'user' => null,
'home' => '/',
])
<div class="navbar bg-primary text-primary-content shadow-sm"> <div class="navbar bg-primary text-primary-content shadow-sm">
<div class="navbar-start"> <div class="navbar-start">
<!-- Mobile Dropdown --> <!-- Mobile Dropdown -->
@if($menu)
<div <div
class="dropdown" class="dropdown"
> >
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden"> <div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
<x-heroicon-m-bars-4 class="h-5 w-5" href=""/> <x-heroicon-m-bars-4 class="h-5 w-5"/>
</div> </div>
<ul <ul
class="menu menu-sm dropdown-content bg-primary rounded-box z-1 mt-3 w-52 p-2 shadow"> class="menu menu-sm dropdown-content bg-primary rounded-box z-1 mt-3 w-52 p-2 shadow">
{{ $menu }} {{ $menu }}
</ul> </ul>
</div> </div>
@endif
<!-- Brand --> <!-- Brand -->
@if($brand) @if($brand)
<a class="btn btn-ghost text-xl"> <a class="btn btn-ghost text-xl" href="{{ $home }}">
{{ $brand }} {{ $brand }}
</a> </a>
@endif @endif
@@ -23,9 +31,11 @@
<!-- Desktop Menu --> <!-- Desktop Menu -->
<div class="navbar-center hidden lg:flex"> <div class="navbar-center hidden lg:flex">
@if($menu)
<ul class="menu menu-horizontal px-1"> <ul class="menu menu-horizontal px-1">
{{ $menu }} {{ $menu }}
</ul> </ul>
@endif
</div> </div>
<!-- User --> <!-- User -->