webview android insets https://github.com/tauri-apps/tauri/issues/11475

docs/.vitepress/theme/components/VocabQuiz.vue

@@ -661,7 +661,7 @@ onBeforeUnmount(() => {
 }
 
 .modal {
-  --margin-top: calc(120px + env(safe-area-inset-top));
+  --margin-top: 120px;
 
   position: fixed;
   top: 50%;
@@ -684,7 +684,7 @@ onBeforeUnmount(() => {
 
   textarea {
     width: 100%;
-    max-height: calc(90vh - var(--margin-top) - env(safe-area-inset-bottom));
+    max-height: calc(90vh - var(--margin-top));
     padding: 1em;
     border-radius: 0 0 0.5em 0.5em;
     font-family: sans-serif;

docs/.vitepress/theme/custom.css

@@ -1,10 +1,3 @@
-body {
-  padding-top: env(safe-area-inset-top);
-  padding-bottom: env(safe-area-inset-bottom);
-  padding-left: env(safe-area-inset-left);
-  padding-right: env(safe-area-inset-right);
-}
-
 .spoiler:not(:hover) {
   filter: blur(5px);
 }