Changed the background colour to be on autolayout instead of body. (iOS uses the body colour to hide the notch etc.)
diff --git a/styles/Components/panels.module.css b/styles/Components/panels.module.css
index 35096b2..c06a5a6 100644
--- a/styles/Components/panels.module.css
+++ b/styles/Components/panels.module.css
@@ -43,8 +43,9 @@
justify-content: center;
align-items: center;
gap: 20px;
- margin-block: 20px;
+ padding-block: 20px;
padding-inline: 20px;
+ background-color: var(--theme-ui-colors-background);
}
.title {
diff --git a/styles/globals.css b/styles/globals.css
index 76badcc..98d38b0 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -16,7 +16,7 @@
border-radius: 0px;
}
body {
- background-color: var(--theme-ui-colors-background);
+ background-color: #000000;
overflow: hidden;
overflow-y: auto;
transition: 0.3s ease-in-out border-radius;