opt: move MMRL inset from js to css

module/webui/styles/global.css

@@ -1,7 +1,14 @@
+@import url('https://mui.kernelsu.org/mmrl/insets.css');
+
+:root {
+    --top-inset: var(--window-inset-top, 0px);
+    --bottom-inset: var(--window-inset-bottom, 0px);
+}
+
 body {
     background-color: #F5F5F5;
-    padding-top: var(--window-inset-top);
-    padding-bottom: var(--window-inset-bottom);
+    padding-top: var(--top-inset);
+    padding-bottom: var(--bottom-inset);
     margin: 0;
 }
 
@@ -14,7 +21,7 @@ body {
     justify-content: center;
     position: fixed;
     width: 100%;
-    bottom: 50px;
+    bottom: calc(var(--bottom-inset) + 50px);
     transition: transform 0.4s ease;
     pointer-events: none;
     z-index: 2;

module/webui/styles/header.css

@@ -3,7 +3,7 @@
     align-items: center;
     justify-content: space-between;
     position: fixed;
-    top: 0;
+    top: var(--top-inset);
     height: 40px;
     width: calc(100% - 10px);
     max-width: 1100px;
@@ -26,7 +26,7 @@
     width: 100%;
     z-index: 1100;
     transition: transform 0.4s ease;
-    height: var(--window-inset-top);
+    height: var(--top-inset);
 }
 
 #module-version,

module/webui/styles/search_menu.css

@@ -1,7 +1,7 @@
 .search-menu-container {
     display: flex;
     position: fixed;
-    top: 40px;
+    top: calc(var(--top-inset) + 40px);
     height: 50px;
     width: calc(100% - 20px);
     max-width: 1100px;