iridium/neko-custom
Archived
2
0
Fork 0
Code Pull Requests Activity

fix mobile UI

Browse Source
This commit is contained in:
m1k1o 2021-02-13 13:01:51 +01:00
parent eddd59c49d
commit 762449e46c
1 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
client/src/app.vue
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">