CreeperVM/webapp
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make OSK responsive (no longer goes offscreen on mobile)

Browse Source
This commit is contained in:
Elijah R 2024-04-10 17:48:25 -04:00
parent 2b7153cc37
commit b908427292
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/css/style.css
View File

@ -156,8 +156,9 @@ tr.user-waiting > td {
/* Start OSK */ /* Start OSK */
.osk-container { .osk-container {
display: flex; display: flex;
flex-wrap: wrap;
justify-content: center; justify-content: center;
width: 1024px; max-width: 1024px;
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;
border-radius: 5px; border-radius: 5px;
@ -168,8 +169,7 @@ tr.user-waiting > td {
} }
.osk-main.simple-keyboard { .osk-main.simple-keyboard {
width: 640px; max-width: 640px;
min-width: 640px;
background: none; background: none;
} }
@ -279,6 +279,12 @@ tr.user-waiting > td {
width: 350px; width: 350px;
} }
@media screen and (max-width: 640px) {
.hg-button:not(:last-child) {
margin-right: 1px !important;
}
}
/* /*
Theme: cvmDark Theme: cvmDark
*/ */