You've already forked Atomcms-edit
root
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
108 lines
5.1 KiB
PHP
Executable File
108 lines
5.1 KiB
PHP
Executable File
<nav class="nav-header">
|
|
<div class="max-w-7xl w-full flex justify-between items-center h-[120px]">
|
|
<a href="/" class="transition duration-300 ease-in-out hover:scale-105">
|
|
<img src="{{ setting('cms_logo') }}" alt="">
|
|
</a>
|
|
|
|
<div class="flex gap-x-14" style="color: var(--color-navbar-text);">
|
|
<x-navigation.dropdown icon="community_icon.png" route-group="help-center*" :uppercase="true">
|
|
{{ __('Community') }}
|
|
|
|
<x-slot:children>
|
|
<x-navigation.dropdown-child :route="route('staff.index')">
|
|
{{ __('Staff') }}
|
|
</x-navigation.dropdown-child>
|
|
|
|
<x-navigation.dropdown-child :route="route('teams.index')">
|
|
{{ __('Teams') }}
|
|
</x-navigation.dropdown-child>
|
|
|
|
<x-navigation.dropdown-child :route="route('team-applications.index')">
|
|
{{ __('Team applications') }}
|
|
</x-navigation.dropdown-child>
|
|
|
|
<x-navigation.dropdown-child :route="route('staff-applications.index')">
|
|
{{ __('Staff applications') }}
|
|
</x-navigation.dropdown-child>
|
|
|
|
<x-navigation.dropdown-child :route="route('values.index')">
|
|
{{ __('Rare values') }}
|
|
</x-navigation.dropdown-child>
|
|
|
|
<x-navigation.dropdown-child :route="route('help-center.index')">
|
|
{{ __('Help center') }}
|
|
</x-navigation.dropdown-child>
|
|
|
|
<x-navigation.dropdown-child :route="route('photos.index')">
|
|
{{ __('Photos') }}
|
|
</x-navigation.dropdown-child>
|
|
</x-slot:children>
|
|
</x-navigation.dropdown>
|
|
|
|
<a href="{{ route('leaderboard.index') }}" class="flex flex-col gap-1 items-center transition ease-in-out nav-link">
|
|
<img class="icon" src="{{ asset('/assets/images/dusk/leaderboard_icon.png') }}" alt="community icon">
|
|
Leaderboards
|
|
</a>
|
|
|
|
<a href="{{ route('article.index') }}" class="flex flex-col gap-1 items-center transition ease-in-out nav-link">
|
|
<img class="icon" src="{{ asset('/assets/images/dusk/news_icon.png') }}" alt="community icon">
|
|
News
|
|
</a>
|
|
|
|
{{--
|
|
<a href="#" class="flex flex-col gap-1 items-center transition ease-in-out hover:text-[#ac93da]">
|
|
<img class="icon" src="{{ asset('/assets/images/dusk/events_icon.png') }}" alt="community icon">
|
|
Events
|
|
</a>
|
|
--}}
|
|
|
|
|
|
<a href="{{ route('shop.index') }}" class="flex flex-col gap-1 items-center transition ease-in-out nav-link">
|
|
<img class="icon" src="{{ asset('/assets/images/dusk/store_icon.png') }}" alt="community icon">
|
|
Store
|
|
</a>
|
|
|
|
<x-navigation.dropdown icon="home_icon.png" route-group="user*" :uppercase="true">
|
|
{{ __('Home') }}
|
|
|
|
<x-slot:children>
|
|
@auth
|
|
<x-navigation.dropdown-child :route="route('profile.show', Auth::user()->username)">
|
|
{{ __('My profile') }}
|
|
</x-navigation.dropdown-child>
|
|
|
|
<x-navigation.dropdown-child :route="route('draw-badge')">
|
|
{{ __('Badge Drawer') }}
|
|
</x-navigation.dropdown-child>
|
|
|
|
<x-navigation.dropdown-child :route="route('settings.account.show')">
|
|
{{ __('Account settings') }}
|
|
</x-navigation.dropdown-child>
|
|
|
|
<form action="{{ route('logout') }}" method="POST">
|
|
@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
|
|
|
|
@guest
|
|
<x-navigation.dropdown-child :route="route('login')">
|
|
{{ __('Login') }}
|
|
</x-navigation.dropdown-child>
|
|
|
|
|
|
<x-navigation.dropdown-child :route="route('register')">
|
|
{{ __('Register') }}
|
|
</x-navigation.dropdown-child>
|
|
@endguest
|
|
</x-slot:children>
|
|
</x-navigation.dropdown>
|
|
</div>
|
|
</div>
|
|
</nav>
|