Include the option for wider menus

This commit is contained in:
brufdev
2025-03-29 15:10:28 +00:00
parent a7b61ca88f
commit f91e4e14e4
2 changed files with 10 additions and 3 deletions
@@ -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>