fix(mobile): adjust body padding-bottom for app tab (#8944)

toeverything · Dec 2, 2024 · b600f2b · b600f2b
1 parent 6a71b28
commit b600f2b
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/frontend/core/src/mobile/styles/mobile.css.ts b/packages/frontend/core/src/mobile/styles/mobile.css.ts
@@ -19,7 +19,7 @@ globalStyle('body', {
   overflowY: 'unset',
 });
 globalStyle('body:has(#app-tabs)', {
-  paddingBottom: globalVars.appTabHeight,
+  paddingBottom: `calc(${globalVars.appTabHeight} + env(safe-area-inset-bottom))`,
 });
 globalStyle('html', {
   height: '100dvh',