35 lines
1.4 KiB
Twig
35 lines
1.4 KiB
Twig
<div {{ attributes.defaults({
|
|
class: 'modal fade',
|
|
tabindex: '-1',
|
|
'aria-hidden': 'true',
|
|
id: id ? id : false,
|
|
}) }}
|
|
data-controller="bootstrap-modal"
|
|
data-bs-backdrop="false"
|
|
>
|
|
<div class="fixed top-0 left-0 w-full h-full outline-none" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog mt-44 relative w-auto pointer-events-none max-w-lg my-8 mx-auto px-4 sm:px-0"
|
|
role="document">
|
|
<div class="relative flex flex-col w-full pointer-events-auto bg-white border border-gray-300 rounded-sm">
|
|
<div class="flex items-start justify-between p-4 border-b border-gray-300 rounded-t">
|
|
<div class="modal-header w-full">
|
|
{% block modal_header %}{% endblock %}
|
|
</div>
|
|
</div>
|
|
<div class="relative flex p-4">
|
|
<div class="modal-body">
|
|
{% block modal_body %}{% endblock %}
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-end p-4 border-t border-gray-300">
|
|
{% if block('modal_footer') %}
|
|
<div class="modal-footer">
|
|
{% block modal_footer %}{% endblock %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|