fix: viewport sizing on mobile

Author: themightychris

src/App.vue

@@ -78,16 +78,16 @@ html, body {
   overflow: hidden;
 }
 
-#app {
-  width: 100vw;
-  height: 100vh;
+#app-container {
+  width: 100%;
+  height: 100%;
 }
 
 .app {
   display: flex;
   flex-direction: column;
-  height: 100vh;
-  width: 100vw;
+  height: 100%;
+  width: 100%;
   position: absolute;
   top: 0;
   left: 0;