29 lines
1.6 KiB
PHP
29 lines
1.6 KiB
PHP
<div x-data="{ open: false }" class="relative">
|
|
{{-- <button type="button" class="inline-flex items-center gap-x-1 text-sm font-semibold leading-6 text-gray-900" aria-expanded="false" @on:click=" open = ! open">--}}
|
|
|
|
<button type="button" class="inline-flex items-center gap-x-1 text-white rounded-md px-3 py-2 text-sm font-medium hover:bg-indigo-500 hover:bg-opacity-75" aria-expanded="false" @click=" open = ! open">
|
|
<span>Tabulation</span>
|
|
<svg class="h-5 w-5" 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" />
|
|
</svg>
|
|
</button>
|
|
|
|
<!--
|
|
Flyout menu, show/hide based on flyout menu state.
|
|
|
|
Entering: "transition ease-out duration-200"
|
|
From: "opacity-0 translate-y-1"
|
|
To: "opacity-100 translate-y-0"
|
|
Leaving: "transition ease-in duration-150"
|
|
From: "opacity-100 translate-y-0"
|
|
To: "opacity-0 translate-y-1"
|
|
-->
|
|
<div class="absolute left-1/2 z-10 mt-5 flex w-screen max-w-min -translate-x-1/2 px-4" x-show="open" x-cloak>
|
|
<div class="w-56 shrink rounded-xl bg-white p-4 text-sm font-semibold leading-6 text-gray-900 shadow-lg ring-1 ring-gray-900/5">
|
|
<a href="/tabulation/enter_scores" class="block p-2 hover:text-indigo-600">Enter Scores</a>
|
|
<a href="/tabulation/status" class="block p-2 hover:text-indigo-600">Audition Status</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|