866ffbe615
All checks were successful
continuous-integration/drone/push Build is passing
The latest one offers more tabs features. Required some changes to the modals and tabs code.
29 lines
1.2 KiB
Plaintext
29 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="max-h-screen w-auto max-w-lg relative
|
|
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 %>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|