fix(ui): remove duplicate setting of safe-area-inset

KenTandrian · KenTandrian · commit 8cb6d81f9bbb · 2025-06-18T17:29:42.000Z
diff --git a/app/assets/tailwind/maybe-design-system.css b/app/assets/tailwind/maybe-design-system.css
@@ -268,7 +268,6 @@
 
   html {
     padding-top: env(safe-area-inset-top);
-    padding-bottom: env(safe-area-inset-bottom);
   }
 
   button {
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -11,7 +11,7 @@
 
 <%= render "layouts/shared/htmldoc" do %>
   <div
-    class="flex flex-col lg:flex-row h-full bg-surface"
+    class="flex flex-col lg:flex-row h-svh bg-surface"
     data-controller="app-layout"
     data-app-layout-expanded-sidebar-class="<%= expanded_sidebar_class %>"
     data-app-layout-collapsed-sidebar-class="<%= collapsed_sidebar_class %>"
@@ -155,7 +155,7 @@
     <% end %>
 
     <%# MOBILE - Bottom Nav %>
-    <%= tag.nav class: "lg:hidden bg-surface shrink-0 z-10 pb-[calc(env(safe-area-inset-bottom)+0.75rem)] border-t border-tertiary flex justify-around" do %>
+    <%= 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 %>
       <% 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
@@ -13,7 +13,7 @@
     <%= yield :head %>
   </head>
 
-  <body class="h-dvh pb-[env(safe-area-inset-bottom)] overflow-hidden lg:overflow-auto antialiased">
+  <body class="bg-surface overflow-hidden lg:overflow-auto antialiased">
     <% if Rails.env.development? %>
       <button hidden data-controller="hotkey" data-hotkey="t t /" data-action="theme#toggle"></button>
     <% end %>

Original file line number	Diff line number	Diff line change
`@@ -268,7 +268,6 @@`
`268`	`268`
`269`	`269`	`html {`
`270`	`270`	`padding-top: env(safe-area-inset-top);`
`271`		`- padding-bottom: env(safe-area-inset-bottom);`
`272`	`271`	`}`
`273`	`272`
`274`	`273`	`button {`