mirror of
https://github.com/we-promise/sure.git
synced 2026-04-13 00:57:22 +00:00
f13da4809b
The wizard layout header lacked safe-area-inset-top padding, causing the back arrow and X button to sit under the system status bar in PWA standalone mode. All other layouts already account for this. Co-authored-by: Claude <noreply@anthropic.com>
38 lines
963 B
Plaintext
38 lines
963 B
Plaintext
<%= render "layouts/shared/htmldoc" do %>
|
|
<div class="bg-surface flex flex-col h-full pt-[env(safe-area-inset-top)]">
|
|
<header class="flex items-center justify-between p-8">
|
|
<% if content_for?(:prev_nav) %>
|
|
<%= yield :prev_nav %>
|
|
<% else %>
|
|
<%= render DS::Link.new(
|
|
variant: "icon",
|
|
icon: "arrow-left",
|
|
href: content_for(:previous_path) || root_path
|
|
) %>
|
|
<% end %>
|
|
|
|
<nav>
|
|
<%= yield :header_nav %>
|
|
</nav>
|
|
|
|
<% if content_for?(:cancel_action) %>
|
|
<%= yield :cancel_action %>
|
|
<% else %>
|
|
<%= render DS::Link.new(
|
|
variant: "icon",
|
|
icon: "x",
|
|
href: content_for(:cancel_path) || root_path
|
|
) %>
|
|
<% end %>
|
|
</header>
|
|
|
|
<main class="grow px-8 pt-12 pb-32 overflow-y-auto">
|
|
<%= yield %>
|
|
</main>
|
|
|
|
<% if content_for?(:footer) %>
|
|
<%= yield :footer %>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|