diff --git a/styles/_properties.scss b/styles/_properties.scss index fd00e96..027d9bb 100644 --- a/styles/_properties.scss +++ b/styles/_properties.scss @@ -18,7 +18,10 @@ --space: #{fns.rem(20)}; --li-margin: #{fns.rem(4)}; --p-margin: var(--space); - --body-padding: calc(var(--space) * 2) 0 0; + --body-padding: calc(var(--space) * 2 + env(safe-area-inset-top)) + env(safe-area-inset-right) + calc(var(--space) * 2 + env(safe-area-inset-bottom)) + env(safe-area-inset-left); --body-min-width: #{fns.rem(280)}; --main-margin: 0 calc(var(--space) / 2) calc(var(--space) * 2) 0; --content-max-width: #{fns.rem(1200)}; diff --git a/styles/elements/_body.scss b/styles/elements/_body.scss index f259b52..bde613e 100644 --- a/styles/elements/_body.scss +++ b/styles/elements/_body.scss @@ -1,10 +1,7 @@ body { min-height: 100vh; min-width: var(--body-min-width); - padding: calc(env(safe-area-inset-top) + var(--body-padding)) - calc(env(safe-area-inset-right) + var(--body-padding)) - calc(env(safe-area-inset-bottom) + var(--body-padding)) - calc(env(safe-area-inset-left) + var(--body-padding)); + padding: var(--body-padding); margin: auto; color: var(--color); font-family: var(--font);