2024-11-27 16:01:50 -05:00
|
|
|
<%# locals: (content:, reload_on_close: false) %>
|
|
|
|
|
2024-05-30 20:55:18 -04:00
|
|
|
<%= turbo_frame_tag "drawer" do %>
|
2024-11-27 16:01:50 -05:00
|
|
|
<dialog class="bg-white border border-alpha-black-25 rounded-2xl max-w-[480px] w-full shadow-xs h-full mt-4 mr-4 focus-visible:outline-none"
|
|
|
|
data-controller="modal"
|
|
|
|
data-action="click->modal#clickOutside"
|
|
|
|
data-modal-reload-on-close-value="<%= reload_on_close %>">
|
2024-08-16 16:08:27 -04:00
|
|
|
<div class="flex flex-col h-full">
|
|
|
|
<div class="flex justify-end items-center p-4">
|
2024-07-25 16:46:04 -04:00
|
|
|
<div data-action="click->modal#close" class="cursor-pointer p-2">
|
2024-03-10 21:38:31 +00:00
|
|
|
<%= lucide_icon("x", class: "w-5 h-5 shrink-0") %>
|
|
|
|
</div>
|
|
|
|
</div>
|
2024-08-16 16:08:27 -04:00
|
|
|
<div class="flex-1 overflow-y-auto px-4 pb-4">
|
2024-03-10 21:38:31 +00:00
|
|
|
<%= content %>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</dialog>
|
2024-04-09 16:08:58 +04:00
|
|
|
<% end %>
|