From 762449e46cb8e3533488908b24286dbe1a3d1a65 Mon Sep 17 00:00:00 2001
From: m1k1o <sedivy.miro@gmail.com>
Date: Sat, 13 Feb 2021 13:01:51 +0100
Subject: [PATCH] fix mobile UI

---
 client/src/app.vue | 30 +++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/client/src/app.vue b/client/src/app.vue
index f1b2335..74503a7 100644
--- a/client/src/app.vue
+++ b/client/src/app.vue
@@ -109,25 +109,29 @@
   }
 
   @media only screen and (max-width: 600px) {
-    #neko {
-      &.expanded {
-        .neko-main {
-          transform: translateX(-$side-width);
-        }
-        .neko-menu {
-          transform: translateX(-$side-width);
+    #neko.expanded {
+      .neko-main {
+        transform: translateX(calc(-100% + 65px));
+
+        video {
+          display: none;
         }
       }
+
+      .neko-menu {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 65px;
+        width: calc(100% - 65px);
+      }
     }
   }
 
   @media only screen and (max-width: 768px) {
-    #neko {
-      .neko-main {
-        .room-container {
-          display: none;
-        }
-      }
+    #neko .neko-main .room-container {
+      display: none;
     }
   }
 </style>