mirror of
https://github.com/tiennm99/coolify.git
synced 2026-07-19 14:17:28 +00:00
fix(helper): add Alpine.js click toggle to info helper popup
Replace CSS-only hover with Alpine.js click-based open/close, including click.outside to dismiss.
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
<div {{ $attributes->merge(['class' => 'group']) }}>
|
||||
<div x-data="{ open: false }" @click.stop="open = !open" @click.outside="open = false"
|
||||
{{ $attributes->merge(['class' => 'group']) }}>
|
||||
<div class="info-helper">
|
||||
@isset($icon)
|
||||
{{ $icon }}
|
||||
@@ -10,7 +11,7 @@
|
||||
@endisset
|
||||
|
||||
</div>
|
||||
<div class="info-helper-popup">
|
||||
<div class="info-helper-popup" :class="{ 'block': open }">
|
||||
<div class="p-4">
|
||||
{!! $helper !!}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user