fix mobile UI

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

View File

@ -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>