mirror of
https://github.com/brufdev/many-notes.git
synced 2026-05-20 00:58:50 -05:00
Include the option for wider menus
This commit is contained in:
@@ -1,3 +1,7 @@
|
||||
<div x-data="{ menuOpen: false }" {{ $attributes->merge(['class' => 'relative']) }}>
|
||||
@props(['wide' => false])
|
||||
|
||||
<div {{ $attributes->merge(['class' => 'relative']) }}
|
||||
x-data="{ menuOpen: false, wide: {{ $wide ? 'true' : 'false' }} }"
|
||||
>
|
||||
{{ $slot }}
|
||||
</div>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<div x-show="menuOpen" x-anchor.bottom-end="$refs.button" @click.away="menuOpen = false" x-cloak
|
||||
class="min-w-[10rem] z-[35] border bg-light-base-200 dark:bg-base-950 border-light-base-300 dark:border-base-500 rounded-md shadow-lg p-1.5 text-light-base-950 dark:text-base-50">
|
||||
<div class="z-[35] border bg-light-base-200 dark:bg-base-950 border-light-base-300 dark:border-base-500 rounded-md shadow-lg p-1.5 text-light-base-950 dark:text-base-50"
|
||||
:class="wide ? 'min-w-[15rem]' : 'min-w-[10rem]'"
|
||||
x-show="menuOpen" x-anchor.bottom-end="$refs.button" x-cloak
|
||||
@click.away="menuOpen = false"
|
||||
>
|
||||
{{ $slot }}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user