|
|
@ -2,7 +2,7 @@
|
|
|
|
<div class="px-3 py-3 lg:px-5 lg:pl-3">
|
|
|
|
<div class="px-3 py-3 lg:px-5 lg:pl-3">
|
|
|
|
<div class="flex items-center justify-between">
|
|
|
|
<div class="flex items-center justify-between">
|
|
|
|
<div class="flex items-center justify-start">
|
|
|
|
<div class="flex items-center justify-start">
|
|
|
|
<button data-drawer-target="logo-sidebar" data-drawer-toggle="logo-sidebar" aria-controls="logo-sidebar" type="button" class="inline-flex items-center p-2 text-sm rounded-lg md:hidden hover:bg-teal-500 focus:outline-none focus:ring-2 focus:ring-teal-600 text-white">
|
|
|
|
<button data-drawer-target="logo-sidebar" data-drawer-toggle="logo-sidebar" aria-controls="logo-sidebar" type="button" class="inline-flex items-center p-2 text-sm text-white rounded-lg md:hidden hover:bg-teal-500 focus:outline-none focus:ring-2 focus:ring-teal-600">
|
|
|
|
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
<path clip-rule="evenodd" fill-rule="evenodd" d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z"></path>
|
|
|
|
<path clip-rule="evenodd" fill-rule="evenodd" d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z"></path>
|
|
|
|
</svg>
|
|
|
|
</svg>
|
|
|
@ -14,37 +14,44 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="flex items-center">
|
|
|
|
<div class="flex items-center">
|
|
|
|
<div class="flex items-center ml-3">
|
|
|
|
<div class="flex items-center ml-3">
|
|
|
|
<div>
|
|
|
|
@auth
|
|
|
|
<button type="button" class="flex text-sm bg-teal-400 hover:bg-teal-500 rounded-full focus:ring-4 focus:ring-gray-300 dark:focus:ring-teal-600" aria-expanded="false" data-dropdown-toggle="dropdown-user">
|
|
|
|
<div>
|
|
|
|
<span class="sr-only">Open user menu</span>
|
|
|
|
<button type="button" class="flex text-sm bg-teal-400 rounded-full hover:bg-teal-500 focus:ring-4 focus:ring-gray-300 dark:focus:ring-teal-600" aria-expanded="false" data-dropdown-toggle="dropdown-user">
|
|
|
|
<!--<img class="w-8 h-8 rounded-full" src="https://flowbite.com/docs/images/people/profile-picture-5.jpg" alt="user photo">-->
|
|
|
|
<span class="sr-only">Open user menu</span>
|
|
|
|
<div class="w-8 h-8 rounded-full pt-2 hover:bg-teal-500 bg-teal-400 text-white fa-solid fa-user"></div>
|
|
|
|
<!--<img class="w-8 h-8 rounded-full" src="https://flowbite.com/docs/images/people/profile-picture-5.jpg" alt="user photo">-->
|
|
|
|
</button>
|
|
|
|
<div class="w-8 h-8 pt-2 text-white bg-teal-400 rounded-full hover:bg-teal-500 fa-solid fa-user"></div>
|
|
|
|
</div>
|
|
|
|
</button>
|
|
|
|
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded shadow dark:bg-gray-700 dark:divide-gray-600" id="dropdown-user">
|
|
|
|
</div>
|
|
|
|
<div class="px-4 py-3" role="none">
|
|
|
|
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded shadow dark:bg-gray-700 dark:divide-gray-600" id="dropdown-user">
|
|
|
|
<p class="text-sm text-gray-900 dark:text-white" role="none">
|
|
|
|
<div class="px-4 py-3" role="none">
|
|
|
|
Example User
|
|
|
|
<p class="text-sm text-gray-900 dark:text-white" role="none">
|
|
|
|
</p>
|
|
|
|
|
|
|
|
<p class="text-sm font-medium text-gray-900 truncate dark:text-gray-300" role="none">
|
|
|
|
</p>
|
|
|
|
user@example.com
|
|
|
|
<p class="font-medium text-gray-900 truncate text-md dark:text-gray-300" role="none">
|
|
|
|
</p>
|
|
|
|
{{auth()->user()->username}}
|
|
|
|
</div>
|
|
|
|
</p>
|
|
|
|
<ul class="py-1" role="none">
|
|
|
|
</div>
|
|
|
|
<li>
|
|
|
|
|
|
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-600 dark:hover:text-white" role="menuitem">Dashboard</a>
|
|
|
|
<form method="POST" action="{{ route('logout') }}">
|
|
|
|
</li>
|
|
|
|
@csrf
|
|
|
|
<li>
|
|
|
|
<ul class="py-1" role="none">
|
|
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-600 dark:hover:text-white" role="menuitem">Settings</a>
|
|
|
|
<li>
|
|
|
|
</li>
|
|
|
|
<a href="/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-600 dark:hover:text-white" role="menuitem">Dashboard</a>
|
|
|
|
<li>
|
|
|
|
</li>
|
|
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-600 dark:hover:text-white" role="menuitem">Earnings</a>
|
|
|
|
<li>
|
|
|
|
</li>
|
|
|
|
<a href="{{route("profile.edit")}}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-600 dark:hover:text-white" role="menuitem">Settings</a>
|
|
|
|
<li>
|
|
|
|
</li>
|
|
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-600 dark:hover:text-white" role="menuitem">Sign out</a>
|
|
|
|
<li>
|
|
|
|
</li>
|
|
|
|
<button type="submit" class="block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-600 dark:hover:text-white" role="menuitem">Sign out</button>
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
@else
|
|
|
|
|
|
|
|
<a href="{{route("login")}}" class="flex ml-2 md:mr-24">
|
|
|
|
|
|
|
|
<span class="self-center text-xl font-semibold sm:text-2xl whitespace-nowrap dark:text-white">Login</span>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
@endauth
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|