GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-12 01:00:29 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

mobile fixes

Browse Source
This commit is contained in:
Devaev Maxim 2018-09-05 23:52:12 +03:00
parent 24133531a5
commit 730361695b
2 changed files with 40 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
kvmd/web/css/mobile.css
View File

@ -21,46 +21,8 @@
background-color: var(--bg-color-ctl) !important; background-color: var(--bg-color-ctl) !important;
} }
div#keyboard div.key:hover, div.modifier:hover { div.keyboard {
color: var(--fg-color-normal); zoom: 1.28 !important;
background-color: var(--bg-color-gray);
}
div#keyboard-desktop {
display: none !important;
}
div#keyboard-mobile {
display: block !important;
}
div#stream-mouse-buttons {
display: block !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
button, select {
height: 45px !important;
}
div.modal-buttons button {
height: 50px !important;
}
div#stream-window {
padding-top: 9px !important;
border-top: 0 !important;
border-radius: 0 0 8px 8px !important;
top: 50px !important;
left: 50% !important;
-webkit-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
}
div#stream-window-header {
display: none !important;
}
div#keyboard {
zoom: 1.1 !important;
} }
div#keyboard-window { div#keyboard-window {
visibility: visible !important; visibility: visible !important;
@ -80,6 +42,42 @@
div#keyboard-window-header { div#keyboard-window-header {
display: none !important display: none !important
} }
div.keyboard div.key:hover, div.modifier:hover {
color: var(--fg-color-normal);
background-color: var(--bg-color-gray);
}
div#keyboard-desktop {
display: none !important;
}
div#keyboard-mobile {
display: block !important;
}
div#stream-window {
padding-top: 9px !important;
border-top: 0 !important;
border-radius: 0 0 8px 8px !important;
top: 50px !important;
left: 50% !important;
-webkit-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
}
div#stream-window-header {
display: none !important;
}
div#stream-mouse-buttons {
display: block !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
button, select {
height: 45px !important;
}
div.modal-buttons button {
height: 50px !important;
}
@supports (-webkit-appearance:none) { @supports (-webkit-appearance:none) {
div.stream-params div#stream-size-slider-box input[type=range] { div.stream-params div#stream-size-slider-box input[type=range] {

4
kvmd/web/index.html
View File

@ -384,7 +384,7 @@
<div class="keyboard-block"> <div class="keyboard-block">
<div class="keyboard-row"> <div class="keyboard-row">
<div data-key="Escape" class="key margin-0 small"><p>Esc</p></div> <div data-key="Escape" class="key margin-0 small"><p>Esc</p></div>
<div class="empty-key" style="width:0px"></div> <div class="empty-key" style="width:4px"></div>
<div data-key="F1" class="key wide-0 margin-0 small"><p>F1</p></div> <div data-key="F1" class="key wide-0 margin-0 small"><p>F1</p></div>
<div data-key="F2" class="key wide-0 margin-0 small"><p>F2</p></div> <div data-key="F2" class="key wide-0 margin-0 small"><p>F2</p></div>
<div data-key="F3" class="key wide-0 margin-0 small"><p>F3</p></div> <div data-key="F3" class="key wide-0 margin-0 small"><p>F3</p></div>
@ -397,7 +397,7 @@
<div data-key="F10" class="key wide-0 margin-0 small"><p>F10</p></div> <div data-key="F10" class="key wide-0 margin-0 small"><p>F10</p></div>
<div data-key="F11" class="key wide-0 margin-0 small"><p>F11</p></div> <div data-key="F11" class="key wide-0 margin-0 small"><p>F11</p></div>
<div data-key="F12" class="key wide-0 margin-0 small"><p>F12</p></div> <div data-key="F12" class="key wide-0 margin-0 small"><p>F12</p></div>
<div class="empty-key" style="width:4px"></div> <div class="empty-key" style="width:5px"></div>
<div data-key="PrintScreen" class="modifier margin-0 small"><p><b>&bull;</b><br>Pt/Sq</p></div> <div data-key="PrintScreen" class="modifier margin-0 small"><p><b>&bull;</b><br>Pt/Sq</p></div>
<div data-key="ScrollLock" class="key margin-0 small"><p>ScrLk</p></div> <div data-key="ScrollLock" class="key margin-0 small"><p>ScrLk</p></div>
<div data-key="Pause" class="key margin-0 small"><p>P/Brk</p></div> <div data-key="Pause" class="key margin-0 small"><p>P/Brk</p></div>