From e1739a48a10ffe823ebfe917470d08e3cb0e3d80 Mon Sep 17 00:00:00 2001 From: Ruben Rodriguez Date: Fri, 25 Jul 2025 17:30:42 +0200 Subject: [PATCH] fix: adjust layout for safe area insets and improve body background --- app/assets/tailwind/maybe-design-system.css | 2 +- app/components/DS/dialog.html.erb | 2 +- app/views/layouts/application.html.erb | 2 +- app/views/layouts/shared/_htmldoc.html.erb | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/app/assets/tailwind/maybe-design-system.css b/app/assets/tailwind/maybe-design-system.css index 9bb3046d..3412428a 100644 --- a/app/assets/tailwind/maybe-design-system.css +++ b/app/assets/tailwind/maybe-design-system.css @@ -267,7 +267,7 @@ } html { - padding-top: env(safe-area-inset-top); + margin-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); } diff --git a/app/components/DS/dialog.html.erb b/app/components/DS/dialog.html.erb index ca8f86b7..72b8c074 100644 --- a/app/components/DS/dialog.html.erb +++ b/app/components/DS/dialog.html.erb @@ -1,5 +1,5 @@ <%= wrapper_element do %> - <%= tag.dialog class: "w-full h-full bg-transparent theme-dark:backdrop:bg-alpha-black-900 backdrop:bg-overlay #{drawer? ? "lg:p-3" : "lg:p-1"}", **merged_opts 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 %>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index c053e04d..0e403777 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -155,7 +155,7 @@ <% end %> <%# MOBILE - Bottom Nav %> - <%= tag.nav class: "lg:hidden bg-surface shrink-0 z-10 pb-[env(safe-area-inset-bottom)] border-t border-tertiary flex justify-around" do %> + <%= tag.nav class: "lg:hidden bg-surface shrink-0 z-10 border-t border-tertiary flex justify-around" do %> <% mobile_nav_items.each do |nav_item| %> <%= render "layouts/shared/nav_item", **nav_item %> <% end %> diff --git a/app/views/layouts/shared/_htmldoc.html.erb b/app/views/layouts/shared/_htmldoc.html.erb index 30887f7b..4a3a26ba 100644 --- a/app/views/layouts/shared/_htmldoc.html.erb +++ b/app/views/layouts/shared/_htmldoc.html.erb @@ -13,7 +13,7 @@ <%= yield :head %> - + <% if Rails.env.development? %> <% end %>