fix: stabilize bottom navigation bar and prevent jittering on mobile Safari/Chrome

Author: nnnSMM

src/lib/mobileCompanionUrl.ts

@@ -3,7 +3,7 @@ const configuredMobileCompanionOrigin =
 
 export const MOBILE_COMPANION_ORIGIN =
   configuredMobileCompanionOrigin || "https://nnnsmm.github.io/Launcherg-Mod/";
-export const MOBILE_COMPANION_CLIENT_VERSION = "mobile-pwa-v17";
+export const MOBILE_COMPANION_CLIENT_VERSION = "mobile-pwa-v18";
 export const SKYWAY_CONNECT_ENDPOINT = "https://launcherg.ryoha.moe/connect";
 
 export type MobileCompanionUrlParams = {

src/views/MobileCompanion.svelte

@@ -1343,18 +1343,28 @@
 </main>
 
 <style>
+  :global(body), :global(html) {
+    overscroll-behavior-y: none;
+    overflow: hidden;
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
   .mobile-shell {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
-    height: auto;
+    height: 100%;
     background: #151515;
     color: white;
     display: flex;
     flex-direction: column;
     overflow: hidden;
+    overscroll-behavior-y: none;
     max-width: 620px;
     margin: 0 auto;
   }
@@ -2054,6 +2064,7 @@
   .bottom-nav {
     width: 100%;
     height: 72px;
+    flex-shrink: 0;
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     border-top: 1px solid rgb(255 255 255 / 0.1);