38d429e5d5
add tooltip to sidebar buttons remove profile for admin fix mobile menu not opening in home page fix deal image input modal size in mobile view make image scrollable in input modal fix explore page filters are not clickable when recent search is maxed out change UI for the recent searches add seeder for categories improve deal card ui in broker dashboard
57 lines
2.2 KiB
PHP
57 lines
2.2 KiB
PHP
<nav class="flex justify-between items-center wrapper py-6 shadow-xl">
|
|
<div class="logo flex space-x-2 items-center">
|
|
<x-logo/>
|
|
<a href="" class="font-bold text-2xl">{{config('app.name')}}</a>
|
|
</div>
|
|
|
|
<!-- desktop menu -->
|
|
<div class="nav-links hidden md:block">
|
|
<ul class="flex space-x-8 text-accent-600">
|
|
<x-nav-links :link="route('home')" name="Home"/>
|
|
<x-nav-links :link="route('explore')" name="Explore deals"/>
|
|
<x-nav-links :link="route('home')" name="About"/>
|
|
<x-nav-links :link="route('home')" name="Contact"/>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="nav-ui.buttons space-x-4 font-medium hidden md:block ">
|
|
@guest
|
|
<a href="{{route('login.create')}}">Login</a>
|
|
<a href="{{route('register.create')}}" class="ui-btn ui-btn-neutral">Register</a>
|
|
@endguest
|
|
@auth
|
|
<form method="post" action="{{route('logout')}}">
|
|
@csrf
|
|
@method('delete')
|
|
<x-ui.button variant="neutral">Logout</x-ui.button>
|
|
</form>
|
|
@endauth
|
|
</div>
|
|
|
|
<!-- mobile menu btn-->
|
|
<x-ui.button class="md:hidden" id="openBtn">
|
|
<x-heroicon-o-bars-3 class="w-8"/>
|
|
</x-ui.button>
|
|
|
|
</nav>
|
|
|
|
<!-- mobile menu btn-->
|
|
<div id='mobileMenu' class="fixed top-0 left-0 z-100 h-screen w-full translate-x-full bg-gray-100/50 backdrop-blur-xl p-10 text-xl transition-transform duration-500 ease-in-out overflow-y-auto">
|
|
<div class="flex justify-between mb-8">
|
|
<x-logo/>
|
|
<x-ui.button id="closeBtn">
|
|
<x-heroicon-o-x-mark class="w-8 ml-auto"/>
|
|
</x-ui.button>
|
|
</div>
|
|
<div class="nav-links mb-10">
|
|
<ul class="flex flex-col space-y-8 text-accent-600">
|
|
<x-nav-links :link="route('home')" name="Home"/>
|
|
<x-nav-links :link="route('explore')" name="Explore deals"/>
|
|
<x-nav-links :link="route('home')" name="About"/>
|
|
<x-nav-links :link="route('home')" name="Contact"/>
|
|
<a href="{{route('login.create')}}">Login</a>
|
|
<a href="{{route('register.create')}}" class="ui-btn ui-btn-neutral w-fit">Register</a>
|
|
</ul>
|
|
</div>
|
|
</div>
|