23 lines
1.1 KiB
Twig
23 lines
1.1 KiB
Twig
<div id="ajax-modal"
|
|
class="fixed inset-0 w-full h-full z-50 hidden"
|
|
{{ stimulus_controller('ajax-modal') }}
|
|
>
|
|
<div class="absolute inset-0 w-full h-full bg-black/80" {{ stimulus_action('ajax-modal', 'hide', 'click') }}></div>
|
|
<div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 px-4 w-full max-w-xl">
|
|
<div class="bg-white p-8 rounded-md">
|
|
<div class="flex justify-between pb-4">
|
|
<div class="text-2xl font-bold" {{ stimulus_target('ajax-modal', 'title') }}></div>
|
|
<button type="button"
|
|
class="inline-block"
|
|
{{ stimulus_action('ajax-modal', 'hide') }}>
|
|
{{ icon('close', 'w-6 h-6')}}
|
|
</button>
|
|
</div>
|
|
<div class="hidden" {{ stimulus_target('ajax-modal', 'content') }}></div>
|
|
<div {{ stimulus_target('ajax-modal', 'spinner') }}>
|
|
{% include '_partials/_spinner.html.twig' with { 'class': 'w-8 h-8 mx-auto'} %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|