m/mtm-rpn-js
1
0
Fork 0
Code Issues Actions Activity

fix: improve hp48 keypad layout on narrow screens

Browse Source
This commit is contained in:
MatMoul
2026-04-25 00:13:47 +02:00
parent 26814bee3c
commit 202edb47f4
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
samples/hp48/index.html
+13 -4
View File
@@ -278,16 +278,25 @@
} }
.keypad-wrap { .keypad-wrap {
grid-template-columns: 1fr; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
gap: 8px;
} }
.keypad-group.functions, .keypad-group.functions {
.keypad-group.numbers, grid-column: 1 / -1;
.keypad-group.operators { grid-row: 2;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.keypad-group.numbers {
grid-column: 1;
grid-row: 1;
grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-columns: repeat(3, minmax(0, 1fr));
} }
.keypad-group.operators { .keypad-group.operators {
grid-column: 2;
grid-row: 1;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
} }
} }