<div class="w-full"> <nav class="bg-white border-b border-gray-100 fixed w-full z-10"> <div class="mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex justify-between h-16"> <div class="flex"> <!-- Logo --> <div class="flex-shrink-0 flex items-center"> <a href="{{ route('home') }}"> <x-logo class="h-16 w-auto" /> </a> </div> </div> <div class="flex items-center"> @if (Route::has('login')) @auth <div class="mr-4"> @livewire('frontend.components.notification') </div> <x-dropdown align="right" width="48"> <x-slot name="trigger"> <button class="flex items-center text-medium font-medium text-gray-600 hover:text-red-600 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out"> <div>{{ Auth::user()->name }}</div> <div class="ml-1"> <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </div> </button> </x-slot> <x-slot name="content"> <div class="block px-4 py-2 text-xs text-gray-400"> {{ __('Manage Account') }} </div> <x-dropdown-link :href="route('user.channels')"> {{ __('Channels') }} </x-dropdown-link> <x-dropdown-link :href="route('user.profile')"> {{ __('Profile') }} </x-dropdown-link> <div class="border-t border-gray-100"></div> <!-- Authentication --> <form method="POST" action="{{ route('logout') }}"> @csrf <x-dropdown-link :href="route('logout')" onclick="event.preventDefault();this.closest('form').submit();"> {{ __('Log Out') }} </x-dropdown-link> </form> </x-slot> </x-dropdown> @else <div class="space-x-4"> <a href="{{ route('login') }}" class="font-medium text-gray-600 hover:text-gray-500 focus:outline-none focus:underline transition ease-in-out duration-150">Log in</a> @if (Route::has('register')) <a href="{{ route('register') }}" class="font-medium text-gray-600 hover:text-gray-500 focus:outline-none focus:underline transition ease-in-out duration-150">Register</a> @endif </div> @endauth @endif </div> </div> </div> </nav> </div>
info at phpclasses dot org