fix mobile UI
This commit is contained in:
parent
eddd59c49d
commit
762449e46c
@ -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>
|
||||||
|
Reference in New Issue
Block a user