45 lines
1.2 KiB
Plaintext
45 lines
1.2 KiB
Plaintext
<.link
|
|
patch={@return_to}
|
|
id="modal-bg"
|
|
class="fade-in fixed z-10 left-0 top-0
|
|
w-full h-full overflow-hidden
|
|
p-8 flex flex-col justify-center items-center cursor-auto"
|
|
style="background-color: rgba(0,0,0,0.4);"
|
|
phx-remove={hide_modal()}
|
|
aria-label={gettext("Close modal")}
|
|
>
|
|
<span class="hidden"></span>
|
|
</.link>
|
|
|
|
<div
|
|
id="modal"
|
|
class="fixed z-10 left-0 top-0 pointer-events-none
|
|
w-full h-full overflow-hidden
|
|
p-4 sm:p-8 flex flex-col justify-center items-center"
|
|
>
|
|
<div
|
|
id="modal-content"
|
|
class="fade-in-scale w-full max-w-3xl relative
|
|
pointer-events-auto overflow-hidden
|
|
px-8 py-4 sm:py-8
|
|
flex flex-col justify-start items-center
|
|
bg-white border-2 rounded-lg"
|
|
>
|
|
<.link
|
|
patch={@return_to}
|
|
id="close"
|
|
class="absolute top-8 right-10
|
|
text-gray-500 hover:text-gray-800
|
|
transition-all duration-500 ease-in-out"
|
|
phx-remove={hide_modal()}
|
|
aria-label={gettext("Close modal")}
|
|
>
|
|
<i class="fa-fw fa-lg fas fa-times"></i>
|
|
</.link>
|
|
|
|
<div class="overflow-x-hidden overflow-y-auto w-full p-8 flex flex-col space-y-4 justify-start items-center">
|
|
<%= render_slot(@inner_block) %>
|
|
</div>
|
|
</div>
|
|
</div>
|