fix mobile UI

This commit is contained in:
m1k1o 2021-02-13 13:01:51 +01:00
parent eddd59c49d
commit 762449e46c

View File

@ -109,27 +109,31 @@
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
#neko { #neko.expanded {
&.expanded {
.neko-main { .neko-main {
transform: translateX(-$side-width); transform: translateX(calc(-100% + 65px));
video {
display: none;
} }
}
.neko-menu { .neko-menu {
transform: translateX(-$side-width); position: absolute;
} top: 0;
right: 0;
bottom: 0;
left: 65px;
width: calc(100% - 65px);
} }
} }
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
#neko { #neko .neko-main .room-container {
.neko-main {
.room-container {
display: none; display: none;
} }
} }
}
}
</style> </style>
<script lang="ts"> <script lang="ts">