From 33a51b65b434691d4f7d4aab5376ce986db4bae9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Sun, 4 Dec 2022 23:35:11 +0800
Subject: [PATCH] feat: adapt safe area for mobile

closes #326
---
 layouts/default.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 71f20f04..70fdad11 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -17,7 +17,7 @@
         <div min-h-screen>
           <slot />
         </div>
-        <div sticky left-0 right-0 bottom-0 z-10 bg-base>
+        <div sticky left-0 right-0 bottom-0 z-10 bg-base pb="[env(safe-area-inset-bottom)]" transition="padding 20">
           <CommonOfflineChecker :small-screen="isSmallScreen" />
           <NavBottom v-if="isSmallScreen" />
         </div>