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

fix(calc-02): adjust keypad grid sizing

Browse Source
This commit is contained in:
MatMoul
2026-05-16 03:02:43 +02:00
parent e1fd730db5
commit 0100da80bb
1 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
samples/calc-02/index.css
+22 -6
View File
@@ -36,10 +36,10 @@ html, body {
} }
body { body {
min-height: 100vh; min-height: 100vh;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
color: var(--buttonText); color: var(--buttonText);
background: var(--bg0); background: var(--bg0);
} }
@@ -277,12 +277,11 @@ background: var(--bg0);
.trigo-grid { .trigo-grid {
display: grid; display: grid;
gap: 8px; gap: 8px;
grid-auto-rows: minmax(0, 1fr);
} }
.keypad-grid { .keypad-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-rows: repeat(5, minmax(0, 1fr)); grid-template-rows: repeat(5, minmax(0, 1.7fr));
} }
.functions-grid, .functions-grid,
@@ -376,6 +375,23 @@ button:active {
color: #eef2f7; color: #eef2f7;
} }
.keypad-grid > button {
min-height: 1.7em;
}
#keypadGrid > button {
min-height: calc(1.7em * 1.7);
padding-top: calc(8px * 1.7);
padding-bottom: calc(8px * 1.7);
}
#keypadGrid > button.key-default,
#keypadGrid > button.key-accent,
#keypadGrid > button.key-danger,
#keypadGrid > button.key-enter {
min-height: calc(1.7em * 1.7);
}
.key-accent { .key-accent {
background: linear-gradient(180deg, var(--btnAccentTop), var(--btnAccentBottom)); background: linear-gradient(180deg, var(--btnAccentTop), var(--btnAccentBottom));
color: #eef2f7; color: #eef2f7;