diff options
| author | Maxim Devaev <[email protected]> | 2022-12-04 18:38:52 +0300 |
|---|---|---|
| committer | Maxim Devaev <[email protected]> | 2022-12-04 18:38:52 +0300 |
| commit | 8f890af803f42c73f30d9ece0ab857a4732ac2fa (patch) | |
| tree | e8733ac8ce1acc9af2047af4020e338925f549a9 /web | |
| parent | 07fec770232a5c3a8726f340856e624a095aae4a (diff) | |
web: improved keyboard style
Diffstat (limited to 'web')
| -rw-r--r-- | web/kvm/index.html | 12 | ||||
| -rw-r--r-- | web/kvm/window-keyboard.pug | 12 |
2 files changed, 12 insertions, 12 deletions
diff --git a/web/kvm/index.html b/web/kvm/index.html index 08aeecfe..3e001c0e 100644 --- a/web/kvm/index.html +++ b/web/kvm/index.html @@ -952,7 +952,7 @@ <div class="label">+<br>= </div> </div> - <div class="spacer-fixed"></div> + <div class="spacer"></div> <div class="key wide-1 right" data-code="Backspace"> <div class="label">↤ </div> @@ -963,7 +963,7 @@ <div class="label">⇤<br>⇥ </div> </div> - <div class="spacer-fixed"></div> + <div class="spacer"></div> <div class="key single" data-code="KeyQ"> <div class="label">Q </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> </div> - <div class="spacer-fixed"></div> + <div class="spacer"></div> <div class="key single" data-code="KeyA"> <div class="label">A </div> @@ -1089,7 +1089,7 @@ <div class="label">"<br>' </div> </div> - <div class="spacer-fixed"></div> + <div class="spacer"></div> <div class="key wide-2 right small" data-code="Enter"> <div class="label">Enter<br>↵ </div> @@ -1100,7 +1100,7 @@ <div class="label"><b>•</b><br>Shift </div> </div> - <div class="spacer-fixed"></div> + <div class="spacer"></div> <div class="key single" data-code="KeyZ"> <div class="label">Z </div> @@ -1150,7 +1150,7 @@ <div class="label">?<br>/ </div> </div> - <div class="spacer-fixed"></div> + <div class="spacer"></div> <div class="modifier wide-3 right small" data-code="ShiftRight"> <div class="label"><b>•</b><br>Shift </div> diff --git a/web/kvm/window-keyboard.pug b/web/kvm/window-keyboard.pug index f1370c3b..21b2379a 100644 --- a/web/kvm/window-keyboard.pug +++ b/web/kvm/window-keyboard.pug @@ -49,31 +49,31 @@ div(id="keyboard-window" class="window") +key(1, `Digit${index + 1}`) #{key}#[br]#{index + 1} +key(1, "Digit0") )#[br]0 +key(1, "Minus") _#[br]- - +key(2, "Equal") +#[br]= + +key(1, "Equal") +#[br]= +key(0, "Backspace", "wide-1 right") ↤ div(class="keypad-row") - +key(2, "Tab", "wide-1 left") ⇤#[br]⇥ + +key(1, "Tab", "wide-1 left") ⇤#[br]⇥ each key in ["Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P"] +key(1, `Key${key}`, "single") #{key} +key(1, "BracketLeft") {#[br][ +key(1, "BracketRight") }#[br]] +key(0, "Backslash") |#[br]\ div(class="keypad-row") - +key(2, "CapsLock", "wide-2 left small") + +key(1, "CapsLock", "wide-2 left small") +lamp("hid-keyboard-caps-led") | #[br] Caps Lock each key in ["A", "S", "D", "F", "G", "H", "J", "K", "L"] +key(1, `Key${key}`, "single") #{key} +key(1, "Semicolon") :#[br]; - +key(2, "Quote") "#[br]' + +key(1, "Quote") "#[br]' +key(0, "Enter", "wide-2 right small") Enter#[br]↵ 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"] +key(1, `Key${key}`, "single") #{key} +key(1, "Comma") <#[br], +key(1, "Period") >#[br]. - +key(2, "Slash") ?#[br]/ + +key(1, "Slash") ?#[br]/ +modifier(0, "ShiftRight", "wide-3 right small") Shift div(class="keypad-row") +modifier(2, "ControlLeft", "wide-1 left small") Ctrl |