45 lines
2.0 KiB
Plaintext
45 lines
2.0 KiB
Plaintext
<%= turbo_frame_tag :modals do %>
|
|
<div class="relative z-40" aria-labelledby="modal-title" role="dialog" aria-modal="true">
|
|
<!--
|
|
Background backdrop, show/hide based on modal state.
|
|
|
|
Entering: "ease-out duration-300"
|
|
From: "opacity-0"
|
|
To: "opacity-100"
|
|
Leaving: "ease-in duration-200"
|
|
From: "opacity-100"
|
|
To: "opacity-0"
|
|
-->
|
|
<div id="modals-backdrop" class="fixed inset-0 bg-default-slate-dark transition-opacity opacity-0 ease-out duration-500" aria-hidden="true"></div>
|
|
|
|
<div class="fixed inset-0 z-40 w-screen overflow-y-auto py-8">
|
|
<div class="flex min-h-full items-center justify-center text-center sm:items-center">
|
|
<!--
|
|
Modal panel, show/hide based on modal state.
|
|
|
|
Entering: "ease-out duration-300"
|
|
From: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
|
|
To: "opacity-100 translate-y-0 sm:scale-100"
|
|
Leaving: "ease-in duration-200"
|
|
From: "opacity-100 translate-y-0 sm:scale-100"
|
|
To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
|
|
-->
|
|
<div id="modals-panel" class="p-4 space-y-4 z-40 relative transform overflow-hidden rounded-md bg-white text-left shadow-xl transition-all w-full max-w-full mx-2 sm:mx-10 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95 ease-out duration-500" data-controller="modals" data-action="modals:click:outside->modals#close">
|
|
<div>
|
|
<%= render "partials/modals/#{type}" %>
|
|
</div>
|
|
<% if close_button != "false" %>
|
|
<%= button_tag type: 'button',
|
|
data: {
|
|
action: 'modals#close'
|
|
},
|
|
class: 'inline-flex btn w-full' do %>
|
|
<div class="items-center"><i class="fa-solid fa-square-caret-down"></i> 닫기</div>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|