diff --git a/client/src/app.vue b/client/src/app.vue index f1b2335f..74503a7f 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; } }