You've already forked Atomcms-edit
3d5f94f9b9
- Add CSS variable support to dusk theme components for dynamic text colors - Fix low-contrast preset color combinations (cyberpunk, neon, magma, forest, obsidian, space) - Add text-shadow utility classes and apply to site header and backgrounds - Style logout buttons as proper buttons matching other button styles - Fix hardcoded text colors in atom theme components
39 lines
1.6 KiB
PHP
Executable File
39 lines
1.6 KiB
PHP
Executable File
<button id="dropdownNavbarLink" data-dropdown-toggle="dropdownNavbarUser"
|
|
class="ml-4 flex items-center">
|
|
<div class="h-10">
|
|
<img class="w-10"
|
|
src="{{ setting('avatar_imager') }}{{ auth()->user()->look }}&direction=2&headonly=1&head_direction=2&gesture=sml"
|
|
alt="">
|
|
</div>
|
|
|
|
<span>{{ auth()->user()->username }}</span>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="ml-2 h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
|
|
stroke-width="2">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
|
|
</svg>
|
|
</button>
|
|
|
|
<!-- Dropdown menu -->
|
|
<div id="dropdownNavbarUser" class="z-10 hidden w-44 py-2 overflow-hidden"
|
|
style="background-color: var(--color-dropdown); border-radius: var(--dropdown-radius); border: var(--dropdown-border); box-shadow: var(--dropdown-shadow); color: var(--color-text);">
|
|
<a href="{{ route('settings.account.show') }}"
|
|
class="dropdown-item ">
|
|
{{ __('User settings') }}
|
|
</a>
|
|
|
|
@auth
|
|
<form action="{{ route('logout') }}" method="POST" class="block">
|
|
@csrf
|
|
<button type="submit"
|
|
class="dropdown-item flex items-center gap-2 justify-center w-full py-2 px-4 rounded-md font-semibold transition duration-200 ease-in-out"
|
|
style="background-color: var(--button-danger-color, #ef4444); color: var(--button-danger-text-color, #ffffff);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" />
|
|
</svg>
|
|
{{ __('Logout') }}
|
|
</button>
|
|
</form>
|
|
@endauth
|
|
</div>
|