22 lines
770 B
Plaintext
22 lines
770 B
Plaintext
<div id="modal_overlay"
|
||
data-controller="modal"
|
||
data-modal-target="overlay"
|
||
data-action="click->modal#backdropClick"
|
||
class="fixed inset-0 z-50 flex items-center justify-center bg-black/70 hidden">
|
||
|
||
<div class="bg-white rounded-2xl shadow-2xl max-w-md w-full mx-4 p-6 relative"
|
||
data-modal-target="content">
|
||
|
||
<button type="button"
|
||
data-action="modal#close"
|
||
aria-label="Close modal"
|
||
class="absolute top-4 right-4 w-8 h-8 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-full flex items-center justify-center text-xl font-bold transition-colors cursor-pointer">
|
||
×
|
||
</button>
|
||
|
||
<!-- The form will be loaded here -->
|
||
<turbo-frame id="modal_frame"></turbo-frame>
|
||
|
||
</div>
|
||
</div>
|