filifa
/
mcalc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make things bigger

This commit is contained in:
filifa 2025-12-11 23:49:34 -05:00
parent 71a1c0b72c
commit 8fa6128089
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
styles.css
View File

@ -1,6 +1,7 @@
#calculator { #calculator {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
gap: 0.3rem;
} }
label[for="expr"] { label[for="expr"] {
@ -16,6 +17,7 @@ label[for="expr"] {
#expr { #expr {
flex: 4 auto; flex: 4 auto;
min-width: 0; min-width: 0;
font-size: xx-large;
} }
#modulus-box { #modulus-box {
@ -28,36 +30,47 @@ label[for="expr"] {
#modulus-label { #modulus-label {
flex: initial; flex: initial;
font-size: xx-large;
margin: auto 0.3rem;
} }
#modulus { #modulus {
flex: auto; flex: auto;
min-width: 0; min-width: 0;
font-size: xx-large;
} }
#result { #result {
grid-column: 1 / 5; grid-column: 1 / 5;
border: 1px solid gray; border: 1px solid gray;
text-align: right; text-align: right;
min-height: 1.5em; min-height: 1lh;
font-size: xx-large;
}
button {
font-size: xx-large;
} }
#extra-buttons { #extra-buttons {
grid-column: 1 / 5; grid-column: 1 / 5;
display: grid; display: grid;
grid-template-columns: subgrid; grid-template-columns: subgrid;
gap: inherit;
} }
#main-buttons { #main-buttons {
grid-column: 1 / 5; grid-column: 1 / 5;
display: grid; display: grid;
grid-template-columns: subgrid; grid-template-columns: subgrid;
gap: inherit;
} }
#numerals { #numerals {
grid-column: 1 / 4; grid-column: 1 / 4;
display: grid; display: grid;
grid-template-columns: subgrid; grid-template-columns: subgrid;
gap: inherit;
} }
#backspace { #backspace {
@ -69,4 +82,5 @@ label[for="expr"] {
grid-row: 1 / 3; grid-row: 1 / 3;
display: grid; display: grid;
grid-template-columns: subgrid; grid-template-columns: subgrid;
gap: inherit;
} }