36 lines
2.0 KiB
PHP
36 lines
2.0 KiB
PHP
<div class="sm:fixed sm:top-0 sm:right-0 p-6 text-right z-10">
|
|
@auth
|
|
<a href="{{ url('/home') }}"
|
|
class="font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
|
|
wire:navigate
|
|
>Dashboard</a>
|
|
@else
|
|
<div class="pr-6">
|
|
<a href="{{ route('login') }}"
|
|
class="font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
|
|
wire:navigate>Log in</a>
|
|
|
|
<template x-if="darkMode === 'dark'">
|
|
<button x-on:click="darkMode = 'light'" class="pl-6">
|
|
<svg xmlns="http://www.w3.org/2000/svg"
|
|
x-bind:class="{'border-2 border-red/50': darkMode === 'light'}"
|
|
class="w-6 h-6 p-1 text-gray-700 transition rounded-full cursor-pointer bg-gray-50 hover:bg-gray-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
|
|
</svg>
|
|
<span class="sr-only">light</span>
|
|
</button>
|
|
</template>
|
|
<template x-if="darkMode !== 'dark'">
|
|
<button x-on:click="darkMode = 'dark'" class="pl-6">
|
|
<svg xmlns="http://www.w3.org/2000/svg"
|
|
x-bind:class="{'border-2 border-red/50': darkMode === 'dark'}"
|
|
class="w-6 h-6 p-1 text-gray-100 transition bg-gray-700 rounded-full cursor-pointer dark:hover:bg-gray-600" viewBox="0 0 20 20" fill="currentColor">
|
|
<path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" />
|
|
</svg>
|
|
<span class="sr-only">dark</span>
|
|
</button>
|
|
</template>
|
|
</div>
|
|
@endauth
|
|
</div>
|