android webview size fix

.gitattributes

@@ -1,2 +1,2 @@
 # flutter_app/** linguist-vendored
-src-tauri/gen/** linguist-vendored
+src-tauri/gen/android/** linguist-vendored

README.md

@@ -0,0 +1,16 @@
+Chinese grammar data manually copied and edited from <https://resources.allsetlearning.com/chinese/grammar/Main_Page>
+
+## How it works for Android
+
+Using Tauri, it runs on Android even with dev server down, with `tauri android run`. (while no hot-reloading)
+
+An extra CSS is needed for Android webview fix:-
+
+```css
+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);
+}
+```

docs/.vitepress/theme/custom.css

@@ -1,3 +1,10 @@
+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);
+}
+
 .pinyin {
   font-style: italic;
   opacity: 0.15;