From 3c63c47f51f0b86f530ce2381a44a05cb1e4abf1 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Tue, 8 Jul 2025 03:43:02 -0700
Subject: bottom inset

---
 src/routes/(app)/[username]/(profile)/+layout.svelte |  1 +
 src/routes/+layout.svelte                            | 14 ++++++++++++++
 2 files changed, 15 insertions(+)

(limited to 'src')

diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index ac35fe82..15752641 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -330,6 +330,7 @@
 {#if currency}
   <div
     class="flex fixed w-full px-4 bg-base-100 py-2 pb-3 bottom-0 bg-opacity-90 tabular-nums"
+    style="bottom: calc(var(--safe-area-inset-bottom) + 8px);"
   >
     <div class="text-secondary flex mr-auto">
       <div class="flex mr-1">
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4317a6a2..2b3c99bf 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -37,6 +37,18 @@
           console.error("Failed to get notch inset:", err);
         },
       );
+
+      window.AndroidNotch.getInsetBottom(
+        (px) => {
+          document.documentElement.style.setProperty(
+            "--safe-area-inset-bottom",
+            px + "px",
+          );
+        },
+        (err) => {
+          console.error("Failed to get bottom inset:", err);
+        },
+      );
     }
   });
 </script>
@@ -74,9 +86,11 @@
     --toastBackground: #292929;
 
     --safe-area-inset-top: 24px;
+    --safe-area-inset-bottom: 0px;
   }
 
   main {
     padding-top: var(--safe-area-inset-top);
+    padding-bottom: var(--safe-area-inset-bottom);
   }
 </style>
-- 
cgit v1.2.3