diff --git a/app/assets/tailwind/maybe-design-system.css b/app/assets/tailwind/maybe-design-system.css index a1b17f0f..f9dc6039 100644 --- a/app/assets/tailwind/maybe-design-system.css +++ b/app/assets/tailwind/maybe-design-system.css @@ -268,6 +268,7 @@ 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 index fe825477..25a98999 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -11,7 +11,7 @@ <%= render "layouts/shared/htmldoc" do %>
<%# 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 53d277c3..db3cb203 100644 --- a/app/views/layouts/shared/_htmldoc.html.erb +++ b/app/views/layouts/shared/_htmldoc.html.erb @@ -7,13 +7,13 @@ data-theme="<%= theme %>" data-controller="theme intercom" data-theme-user-preference-value="<%= Current.user&.theme || "system" %>" - class="h-full text-primary overflow-hidden lg:overflow-auto font-sans <%= @os %>"> + class="h-screen text-primary overflow-hidden lg:overflow-auto font-sans <%= @os %>"> <%= render "layouts/shared/head" %> <%= yield :head %> - + <% if Rails.env.development? %> <% end %>