client/src/app.vue

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