mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-08-09 07:25:19 +02:00
fix(ui): remove duplicate setting of safe-area-inset
This commit is contained in:
parent
ee95b5c7e3
commit
8cb6d81f9b
3 changed files with 3 additions and 4 deletions
|
@ -268,7 +268,6 @@
|
||||||
|
|
||||||
html {
|
html {
|
||||||
padding-top: env(safe-area-inset-top);
|
padding-top: env(safe-area-inset-top);
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
|
|
||||||
<%= render "layouts/shared/htmldoc" do %>
|
<%= render "layouts/shared/htmldoc" do %>
|
||||||
<div
|
<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-controller="app-layout"
|
||||||
data-app-layout-expanded-sidebar-class="<%= expanded_sidebar_class %>"
|
data-app-layout-expanded-sidebar-class="<%= expanded_sidebar_class %>"
|
||||||
data-app-layout-collapsed-sidebar-class="<%= collapsed_sidebar_class %>"
|
data-app-layout-collapsed-sidebar-class="<%= collapsed_sidebar_class %>"
|
||||||
|
@ -155,7 +155,7 @@
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
<%# MOBILE - Bottom Nav %>
|
<%# 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| %>
|
<% mobile_nav_items.each do |nav_item| %>
|
||||||
<%= render "layouts/shared/nav_item", **nav_item %>
|
<%= render "layouts/shared/nav_item", **nav_item %>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
<%= yield :head %>
|
<%= yield :head %>
|
||||||
</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? %>
|
<% if Rails.env.development? %>
|
||||||
<button hidden data-controller="hotkey" data-hotkey="t t /" data-action="theme#toggle"></button>
|
<button hidden data-controller="hotkey" data-hotkey="t t /" data-action="theme#toggle"></button>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue