mirror of
https://github.com/brufdev/many-notes.git
synced 2026-01-25 20:39:21 -06:00
Fix menu component markup
This commit is contained in:
@@ -1,10 +1,9 @@
|
||||
<div>
|
||||
<div class="w-full">
|
||||
<button
|
||||
class="flex items-center w-full gap-2 px-3 py-1 text-sm text-left transition-colors rounded hover:bg-light-base-400 dark:hover:bg-base-700 text-light-base-950 dark:text-base-50"
|
||||
{{ $attributes->merge([
|
||||
'type' => 'button',
|
||||
]) }}
|
||||
>
|
||||
]) }}>
|
||||
{{ $slot }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -1,9 +1,4 @@
|
||||
<div
|
||||
x-show="menuOpen"
|
||||
x-anchor.bottom-end="$refs.button"
|
||||
@click.away="menuOpen = false"
|
||||
class="min-w-[10rem] z-20 border bg-light-base-200 dark:bg-base-950 border-light-base-300 dark:border-base-500 divide-y rounded-md shadow-lg p-1.5 outline-nonea"
|
||||
x-cloak
|
||||
>
|
||||
<div x-show="menuOpen" x-anchor.bottom-end="$refs.button" @click.away="menuOpen = false" x-cloak
|
||||
class="min-w-[10rem] z-10 border bg-light-base-200 dark:bg-base-950 border-light-base-300 dark:border-base-500 divide-y rounded-md shadow-lg p-1.5 outline-nonea">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user