mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-nostr.git
synced 2026-01-25 04:13:17 +00:00
✨ Add `:currentRoute` prop bindings and update Tailwind configuration for enhanced theme customization
39 lines
2.2 KiB
PHP
39 lines
2.2 KiB
PHP
@props([
|
|
'currentRoute',
|
|
])
|
|
@php
|
|
$isCurrentRouteClass = 'pl-4 pr-3 py-2 rounded-lg mb-0.5 last:mb-0 bg-[linear-gradient(135deg,var(--tw-gradient-stops))] from-orange-500/12 dark:from-orange-500/24 to-orange-500/4';
|
|
$isNotCurrentRouteClass = 'pl-4 pr-3 py-2 rounded-lg mb-0.5 last:mb-0';
|
|
$isCurrentSubItem = 'block text-orange-500 transition truncate';
|
|
$isNotCurrentSubItem = 'block text-gray-500/90 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition truncate';
|
|
@endphp
|
|
<div>
|
|
<h3 class="text-xs uppercase text-gray-400 dark:text-gray-500 font-semibold pl-3">
|
|
<span class="hidden lg:block lg:sidebar-expanded:hidden 2xl:hidden text-center w-6"
|
|
aria-hidden="true">•••</span>
|
|
<span class="lg:hidden lg:sidebar-expanded:block 2xl:block">Admin-Bereich</span>
|
|
</h3>
|
|
<ul class="mt-3">
|
|
{{--<li class="{{ $currentRoute === 'association.elections' ? $isCurrentRouteClass : $isNotCurrentRouteClass }}">
|
|
<a class="block text-gray-800 dark:text-gray-100 hover:text-gray-900 dark:hover:text-white truncate transition"
|
|
href="{{ route('association.elections') }}">
|
|
<div class="flex items-center">
|
|
<i class="fa-sharp-duotone fa-solid fa-booth-curtain h-4 w-4"></i>
|
|
<span
|
|
class="text-sm font-medium ml-4 lg:opacity-0 lg:sidebar-expanded:opacity-100 2xl:opacity-100 duration-200">Einstellungen</span>
|
|
</div>
|
|
</a>
|
|
</li>--}}
|
|
<li class="{{ $currentRoute === 'association.members.admin' ? $isCurrentRouteClass : $isNotCurrentRouteClass }}">
|
|
<a class="block text-gray-800 dark:text-gray-100 hover:text-gray-900 dark:hover:text-white truncate transition"
|
|
href="{{ route('association.members.admin') }}">
|
|
<div class="flex items-center">
|
|
<i class="fa-sharp-duotone fa-solid fa-users h-4 w-4"></i>
|
|
<span
|
|
class="text-sm font-medium ml-4 lg:opacity-0 lg:sidebar-expanded:opacity-100 2xl:opacity-100 duration-200">Mitglieder</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|