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) { @media only screen and (max-width: 600px) {
#neko { #neko.expanded {
&.expanded { .neko-main {
.neko-main { transform: translateX(calc(-100% + 65px));
transform: translateX(-$side-width);
} video {
.neko-menu { display: none;
transform: translateX(-$side-width);
} }
} }
.neko-menu {
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 { display: none;
.room-container {
display: none;
}
}
} }
} }
</style> </style>