31 lines
1.2 KiB
Plaintext
31 lines
1.2 KiB
Plaintext
<div tabindex="-1" class="relative z-10">
|
|
<!-- Modal Background -->
|
|
<div class="hidden fixed inset-0 bg-black bg-opacity-80 overflow-y-auto flex items-center justify-center"
|
|
data-modal-target="background"
|
|
data-action="click->modal#closeBackground"
|
|
data-transition-enter="transition-all ease-in-out duration-100"
|
|
data-transition-enter-from="bg-opacity-0"
|
|
data-transition-enter-to="bg-opacity-80"
|
|
data-transition-leave="transition-all ease-in-out duration-100"
|
|
data-transition-leave-from="bg-opacity-80"
|
|
data-transition-leave-to="bg-opacity-0">
|
|
|
|
<!-- Modal Container -->
|
|
<div data-modal-target="container"
|
|
class="relative m-4 max-h-screen w-auto max-w-full
|
|
hidden animate-scale-in fixed inset-0 overflow-y-auto flex items-center justify-center">
|
|
<!-- Modal Card -->
|
|
<div class="m-1 bg-white rounded shadow">
|
|
<div class="p-8">
|
|
<%= content %>
|
|
<% if @show_close_button %>
|
|
<div class="flex justify-end items-center flex-wrap mt-6">
|
|
<button class="btn-md btn-blue" data-action="click->modal#close:prevent">Close</button>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|