load in optimization and error correction

2026-03-20 13:08:15 -05:00
parent da7d2f4d5d
commit 5b2fefbca4
21 changed files with 334 additions and 130 deletions
@@ -58,7 +58,13 @@ export const BottomNav: Component<{ currentView: string; setView: (v: string) =>
    };

    return (
-        <nav class="fixed bottom-0 left-0 right-0 bg-background border-t border-border flex justify-around items-center h-16 md:hidden z-50">
+        <nav
+            class="fixed bottom-0 left-0 right-0 bg-background border-t border-border flex justify-around items-center md:hidden z-50"
+            style={{
+                "padding-bottom": "env(safe-area-inset-bottom, 0px)",
+                height: "calc(4rem + env(safe-area-inset-bottom, 0px))"
+            }}
+        >
            <For each={mobileNavGroups}>
                {(group) => (
                    <Show when={group.items} fallback={