edit overflow: hidden

src/styles/main.css

@@ -29,11 +29,9 @@
     scrollbar-width: none;
     -ms-overflow-style: none;
     -webkit-overflow-scrolling: touch;
-    height: 100%;
-    overflow: hidden;
   }
 
-  @supports (-webkit-touch-callout: none) {
+  @media (max-width: 1023px) {
     html,
     body,
     #app {
@@ -41,15 +39,17 @@
       overflow: hidden;
     }
 
-    .app-shell-root {
-      min-height: 100%;
-      min-height: -webkit-fill-available;
-    }
+    @supports (-webkit-touch-callout: none) {
+      .app-shell-root {
+        min-height: 100%;
+        min-height: -webkit-fill-available;
+      }
 
-    .app-shell-frame {
-      height: 100%;
-      max-height: 100%;
-      min-height: -webkit-fill-available;
+      .app-shell-frame {
+        height: 100%;
+        max-height: 100%;
+        min-height: -webkit-fill-available;
+      }
     }
   }
 
@@ -88,7 +88,5 @@
 
   #app {
     min-height: 100dvh;
-    height: 100%;
-    overflow: hidden;
   }
 }