constant(safe-area-inset-top) on header

wodydoc · Jul 11, 2023 · 30ce16c · 30ce16c
1 parent 51ce50c
commit 30ce16c
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -7,8 +7,10 @@ body {
 }
 
 body {
-  padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px)
-    env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px);
+  padding-top: constant(safe-area-inset-top);
+  padding-top: env(safe-area-inset-top);
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
 }
 
 /*=============== VARIABLES CSS ===============*/
@@ -168,7 +170,7 @@ input:valid {
 
 body {
   margin: var(--header-height) 0 0 0;
-  background-color: var(--body-color);
+  background-color: var(--body-color) !important;
   background-attachment: var(--background-attachment);
   color: var(--text-color);
   transition: 0.4s; /*For animation dark mode*/
@@ -322,6 +324,11 @@ the website, in dark theme
   transition: 0.4s; /*For animation dark mode*/
 }
 
+.header {
+  padding-top: constant(safe-area-inset-top);
+  padding-top: env(safe-area-inset-top);
+}
+
 /*=============== NAV ===============*/
 .nav {
   height: calc(var(--header-height) + 0.5rem);