💄 Fix sophia iframe position on ios safari

SoftInstigate · Sep 10, 2024 · d90b659 · d90b659
1 parent 4404531
commit d90b659
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/css/main.scss b/css/main.scss
@@ -36,6 +36,10 @@ $content-width: 800px;
 $on-palm: 600px;
 $on-laptop: 800px;
 
+:root {
+  --app-height: 100%;
+}
+
 body {
     background-color: $background-color;
     color: white;
@@ -226,7 +230,9 @@ text-black {
 }
 
 iframe {
-  height: 100%;
+  margin-top: 0; // fix position about navbar in ios safari
+  height: calc(100vh - 64px);
+  max-height: calc(100vh - 64px);
   width: 100%;
   border: none;
 }