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

web: improved keyboard style

Browse Source
This commit is contained in:
Maxim Devaev 2022-12-04 18:38:52 +03:00
parent 07fec77023
commit 8f890af803
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/kvm/index.html
View File

@ -952,7 +952,7 @@
<div class="label">+<br>= <div class="label">+<br>=
</div> </div>
</div> </div>
<div class="spacer-fixed"></div> <div class="spacer"></div>
<div class="key wide-1 right" data-code="Backspace"> <div class="key wide-1 right" data-code="Backspace">
<div class="label">&#8612; <div class="label">&#8612;
</div> </div>
@ -963,7 +963,7 @@
<div class="label">&#8676;<br>&#8677; <div class="label">&#8676;<br>&#8677;
</div> </div>
</div> </div>
<div class="spacer-fixed"></div> <div class="spacer"></div>
<div class="key single" data-code="KeyQ"> <div class="key single" data-code="KeyQ">
<div class="label">Q <div class="label">Q
</div> </div>
@ -1034,7 +1034,7 @@
<div class="label"><img class="inline-lamp hid-keyboard-caps-led led-gray" src="/share/svg/led-square.svg"><br> Caps Lock <div class="label"><img class="inline-lamp hid-keyboard-caps-led led-gray" src="/share/svg/led-square.svg"><br> Caps Lock
</div> </div>
</div> </div>
<div class="spacer-fixed"></div> <div class="spacer"></div>
<div class="key single" data-code="KeyA"> <div class="key single" data-code="KeyA">
<div class="label">A <div class="label">A
</div> </div>
@ -1089,7 +1089,7 @@
<div class="label">"<br>' <div class="label">"<br>'
</div> </div>
</div> </div>
<div class="spacer-fixed"></div> <div class="spacer"></div>
<div class="key wide-2 right small" data-code="Enter"> <div class="key wide-2 right small" data-code="Enter">
<div class="label">Enter<br>&crarr; <div class="label">Enter<br>&crarr;
</div> </div>
@ -1100,7 +1100,7 @@
<div class="label"><b>&bull;</b><br>Shift <div class="label"><b>&bull;</b><br>Shift
</div> </div>
</div> </div>
<div class="spacer-fixed"></div> <div class="spacer"></div>
<div class="key single" data-code="KeyZ"> <div class="key single" data-code="KeyZ">
<div class="label">Z <div class="label">Z
</div> </div>
@ -1150,7 +1150,7 @@
<div class="label">?<br>/ <div class="label">?<br>/
</div> </div>
</div> </div>
<div class="spacer-fixed"></div> <div class="spacer"></div>
<div class="modifier wide-3 right small" data-code="ShiftRight"> <div class="modifier wide-3 right small" data-code="ShiftRight">
<div class="label"><b>&bull;</b><br>Shift <div class="label"><b>&bull;</b><br>Shift
</div> </div>

12
web/kvm/window-keyboard.pug
View File

@ -49,31 +49,31 @@ div(id="keyboard-window" class="window")
+key(1, `Digit${index + 1}`) #{key}#[br]#{index + 1} +key(1, `Digit${index + 1}`) #{key}#[br]#{index + 1}
+key(1, "Digit0") )#[br]0 +key(1, "Digit0") )#[br]0
+key(1, "Minus") _#[br]- +key(1, "Minus") _#[br]-
+key(2, "Equal") +#[br]= +key(1, "Equal") +#[br]=
+key(0, "Backspace", "wide-1 right") &#8612; +key(0, "Backspace", "wide-1 right") &#8612;
div(class="keypad-row") div(class="keypad-row")
+key(2, "Tab", "wide-1 left") &#8676;#[br]&#8677; +key(1, "Tab", "wide-1 left") &#8676;#[br]&#8677;
each key in ["Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P"] each key in ["Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P"]
+key(1, `Key${key}`, "single") #{key} +key(1, `Key${key}`, "single") #{key}
+key(1, "BracketLeft") {#[br][ +key(1, "BracketLeft") {#[br][
+key(1, "BracketRight") }#[br]] +key(1, "BracketRight") }#[br]]
+key(0, "Backslash") |#[br]&bsol; +key(0, "Backslash") |#[br]&bsol;
div(class="keypad-row") div(class="keypad-row")
+key(2, "CapsLock", "wide-2 left small") +key(1, "CapsLock", "wide-2 left small")
+lamp("hid-keyboard-caps-led") +lamp("hid-keyboard-caps-led")
| #[br] Caps Lock | #[br] Caps Lock
each key in ["A", "S", "D", "F", "G", "H", "J", "K", "L"] each key in ["A", "S", "D", "F", "G", "H", "J", "K", "L"]
+key(1, `Key${key}`, "single") #{key} +key(1, `Key${key}`, "single") #{key}
+key(1, "Semicolon") :#[br]; +key(1, "Semicolon") :#[br];
+key(2, "Quote") "#[br]' +key(1, "Quote") "#[br]'
+key(0, "Enter", "wide-2 right small") Enter#[br]&crarr; +key(0, "Enter", "wide-2 right small") Enter#[br]&crarr;
div(class="keypad-row") div(class="keypad-row")
+modifier(2, "ShiftLeft", "wide-3 left small") Shift +modifier(1, "ShiftLeft", "wide-3 left small") Shift
each key in ["Z", "X", "C", "V", "B", "N", "M"] each key in ["Z", "X", "C", "V", "B", "N", "M"]
+key(1, `Key${key}`, "single") #{key} +key(1, `Key${key}`, "single") #{key}
+key(1, "Comma") &lt;#[br], +key(1, "Comma") &lt;#[br],
+key(1, "Period") &gt;#[br]. +key(1, "Period") &gt;#[br].
+key(2, "Slash") ?#[br]/ +key(1, "Slash") ?#[br]/
+modifier(0, "ShiftRight", "wide-3 right small") Shift +modifier(0, "ShiftRight", "wide-3 right small") Shift
div(class="keypad-row") div(class="keypad-row")
+modifier(2, "ControlLeft", "wide-1 left small") Ctrl +modifier(2, "ControlLeft", "wide-1 left small") Ctrl