mirror of
https://github.com/we-promise/sure.git
synced 2026-04-08 23:04:49 +00:00
fabd60c098
* feat: re-apply PWA changes from previous PR * feat: adjust padding on pages for mobile * fix: Add position relative to netWorthChart to avoid overflow issues on mobile * fix: Add safe-area to progress bar * feat: add missing class on html * fix: Replace touch-none with overscroll-none
39 lines
1.2 KiB
Plaintext
39 lines
1.2 KiB
Plaintext
<%= wrapper_element do %>
|
|
<%= tag.dialog class: "w-full h-full bg-transparent theme-dark:backdrop:bg-alpha-black-900 backdrop:bg-overlay pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)] #{drawer? ? "lg:p-3" : "lg:p-1"}", **merged_opts do %>
|
|
<%= tag.div class: dialog_outer_classes do %>
|
|
<%= tag.div class: dialog_inner_classes, data: { DS__dialog_target: "content" } do %>
|
|
<div class="grow overflow-y-auto py-4 space-y-4 flex flex-col">
|
|
<% if header? %>
|
|
<%= header %>
|
|
<% end %>
|
|
|
|
<% if body? %>
|
|
<div class="px-4 grow">
|
|
<%= body %>
|
|
|
|
<% if sections.any? %>
|
|
<div class="space-y-4">
|
|
<% sections.each do |section| %>
|
|
<%= section %>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<%# Optional, for customizing dialogs %>
|
|
<%= content %>
|
|
</div>
|
|
|
|
<% if actions? %>
|
|
<div class="flex items-center gap-2 justify-end p-4">
|
|
<% actions.each do |action| %>
|
|
<%= action %>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
<% end %>
|
|
<% end %>
|
|
<% end %>
|