mobile navigation extended

This commit is contained in:
HolgerHatGarKeineNode
2023-03-16 17:20:10 +01:00
parent 3a64f781ff
commit ab451eb74b
10 changed files with 224 additions and 192 deletions

View File

@@ -0,0 +1,30 @@
<div x-data="{ open: false }" class="-mx-3">
<button type="button"
class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
x-bind:aria-expanded="open.toString()">
{{ __('Courses') }}
<svg class="h-5 w-5 flex-none"
x-description="Expand/collapse icon, toggle classes based on menu open state."
x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
clip-rule="evenodd"></path>
</svg>
</button>
<div class="mt-2 space-y-2"
x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
x-show="open" style="display: none;" x-cloak>
<a href="{{ route('school.table.city', ['country' => $country]) }}"
class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('City search') }}</a>
<a href="{{ route('school.table.course', ['country' => $country]) }}"
class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Courses') }}</a>
<a href="{{ route('school.table.venue', ['country' => $country]) }}"
class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Venues') }}</a>
<a href="{{ route('school.table.lecturer', ['country' => $country]) }}"
class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Lecturers') }}</a>
<a href="{{ route('school.table.event', ['country' => $country]) }}"
class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Course Events') }}</a>
</div>
</div>