From 30ce16cf7aece946e7d7399581a960f9232b8014 Mon Sep 17 00:00:00 2001 From: Cody Dow Date: Tue, 11 Jul 2023 10:52:18 -0500 Subject: [PATCH] constant(safe-area-inset-top) on header --- assets/css/styles.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/assets/css/styles.css b/assets/css/styles.css index 7f35d5f..9880526 100644 --- 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);