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 {
min-height: 100vh;
font-family: Arial, sans-serif;
color: var(--buttonText);
background: var(--bg0);
min-height: 100vh;
font-family: Arial, sans-serif;
color: var(--buttonText);
background: var(--bg0);
}
@@ -277,12 +277,11 @@ background: var(--bg0);
.trigo-grid {
display: grid;
gap: 8px;
grid-auto-rows: minmax(0, 1fr);
}
.keypad-grid {
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,
@@ -376,6 +375,23 @@ button:active {
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 {
background: linear-gradient(180deg, var(--btnAccentTop), var(--btnAccentBottom));
color: #eef2f7;