fix(style): safe-area fallback

Alwatr · Apr 24, 2024 · 93d45a1 · 93d45a1
1 parent 7395a14
commit 93d45a1
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/packages/style/lib/safe-area.css b/packages/style/lib/safe-area.css
@@ -1,8 +1,18 @@
 @layer base {
+
   :root {
-    --safe-area-inset-top: env(safe-area-inset-top);
-    --safe-area-inset-bottom: env(safe-area-inset-bottom);
-    --safe-area-inset-left: env(safe-area-inset-left);
-    --safe-area-inset-right: env(safe-area-inset-right);
+    --safe-area-inset-top: env(safe-area-inset-top, 0);
+    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0);
+    --safe-area-inset-left: env(safe-area-inset-left, 0);
+    --safe-area-inset-right: env(safe-area-inset-right, 0);
+  }
+
+  @supports not (padding-top: env(safe-area-inset-top, 0)) {
+    :root {
+      --safe-area-inset-top: 0;
+      --safe-area-inset-bottom: 0;
+      --safe-area-inset-left: 0;
+      --safe-area-inset-right: 0;
+    }
   }
 }