From ad775480d04e0046438d9582eb2cccdf81be271b Mon Sep 17 00:00:00 2001
From: naka-12 <104970808+naka-12@users.noreply.github.com>
Date: Sat, 12 Apr 2025 00:36:12 +0900
Subject: [PATCH] fix: set safe area

---
 web/components/BottomBar.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/components/BottomBar.tsx b/web/components/BottomBar.tsx
index b644eb15..14ab9ade 100644
--- a/web/components/BottomBar.tsx
+++ b/web/components/BottomBar.tsx
@@ -36,7 +36,12 @@ function BottomBarCell({
 export default function BottomBar(props: Props) {
   const { activeTab } = props;
   return (
-    <div className="fixed bottom-0 z-30 flex h-12 w-full flex-row items-center justify-around border-gray-200 border-t bg-white">
+    <div
+      className="fixed bottom-0 z-30 flex h-12 w-full flex-row items-center justify-around border-gray-200 border-t bg-white"
+      style={{
+        paddingBottom: "env(safe-area-inset-bottom)",
+      }}
+    >
       <BottomBarCell
         href="/home"
         iconComponent={