673915887c
- add sidebar open close animation in broker control panel - fix overflow issue in broker dashboard page
46 lines
1.8 KiB
PHP
46 lines
1.8 KiB
PHP
<nav class="flex justify-between items-center wrapper py-6 shadow">
|
|
<div class="logo flex space-x-2 items-center">
|
|
<x-logo class="md:hidden" />
|
|
<div class="">
|
|
<a href="" class="font-bold text-2xl">Broker Dashboard</a>
|
|
<p class="text-sm text-accent-600">Manage your deals and listings</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- mobile menu btn-->
|
|
<x-ui.button class="md:hidden" id="openBtn">
|
|
<x-heroicon-o-bars-3 class="w-8 0"/>
|
|
</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-200 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">
|
|
<a href="{{route('broker.profile.show', auth()->user())}}" class="ui-btn flex border space-x-3 border-gray-200 items-center">
|
|
<x-heroicon-o-user class="w-6"/>
|
|
<p>Profile</p>
|
|
</a>
|
|
<a href="{{route('broker.deals.create')}}" class="ui-btn ui-btn-neutral flex border space-x-3 items-center">
|
|
<x-heroicon-o-plus class="w-6"/>
|
|
<p>Create Deal</p>
|
|
</a>
|
|
<form method="post" action="{{route('logout')}}">
|
|
@csrf
|
|
@method('delete')
|
|
<x-ui.button class="flex space-x-3">
|
|
<x-heroicon-o-arrow-right-start-on-rectangle class="w-6"/>
|
|
<p>Logout</p>
|
|
</x-ui.button>
|
|
</form>
|
|
</ul>
|
|
</div>
|
|
</div>
|