login screen position fixed, #381.

client/src/app.vue

@@ -119,23 +119,30 @@
     }
   }
 
-  @media only screen and (max-width: 600px) {
+  @media only screen and (max-width: 1024px) {
-    #neko.expanded {
+    html,
-      .neko-main {
+    body {
-        transform: translateX(calc(-100% + 65px));
+      overflow-y: auto !important;
+      width: auto !important;
+      height: auto !important;
+    }
 
-        video {
+    body > p {
-          display: none;
+      display: none;
-        }
+    }
+
+    #neko {
+      position: relative;
+      flex-direction: column;
+      max-height: initial !important;
+
+      .neko-main .video-container {
+        height: 100vh;
       }
 
       .neko-menu {
-        position: absolute;
+        height: 100vh;
-        top: 0;
+        width: 100% !important;
-        right: 0;
-        bottom: 0;
-        left: 65px;
-        width: calc(100% - 65px);
       }
     }
   }

client/src/components/connect.vue

@@ -24,7 +24,7 @@
 
 <style lang="scss" scoped>
   .connect {
-    position: absolute;
+    position: fixed;
     top: 0;
     left: 0;
     right: 0;