web: improved keyboard style

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

View File

@ -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">&#8612;
</div>
@ -963,7 +963,7 @@
<div class="label">&#8676;<br>&#8677;
</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>&crarr;
</div>
@ -1100,7 +1100,7 @@
<div class="label"><b>&bull;</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>&bull;</b><br>Shift
</div>

View File

@ -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") &#8612;
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"]
+key(1, `Key${key}`, "single") #{key}
+key(1, "BracketLeft") {#[br][
+key(1, "BracketRight") }#[br]]
+key(0, "Backslash") |#[br]&bsol;
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]&crarr;
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") &lt;#[br],
+key(1, "Period") &gt;#[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