fix(calc-02): simplify button spacing and menu background
This commit is contained in:
@@ -1,3 +1,5 @@
|
|||||||
|
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--bg0: #10151e;
|
--bg0: #10151e;
|
||||||
--bg1: #1b2432;
|
--bg1: #1b2432;
|
||||||
@@ -178,9 +180,6 @@ body {
|
|||||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 3px 0 rgba(0, 0, 0, 0.28);
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 3px 0 rgba(0, 0, 0, 0.28);
|
||||||
}
|
}
|
||||||
|
|
||||||
.display-button-offset {
|
|
||||||
padding-inline: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.display-button-symbol {
|
.display-button-symbol {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
@@ -198,15 +197,9 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.display-buttons-grid > button {
|
.display-buttons-grid > button {
|
||||||
padding-top: 6px;
|
padding: 6px 8px;
|
||||||
padding-bottom: 6px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.display-button-offset {
|
|
||||||
padding-inline: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.mode-menu {
|
.mode-menu {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@@ -215,7 +208,7 @@ body {
|
|||||||
gap: 6px;
|
gap: 6px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background: rgba(18, 24, 33, 0.98);
|
background: rgba(6, 10, 16, 0.16);
|
||||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||||
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
|
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
|
||||||
}
|
}
|
||||||
@@ -417,27 +410,15 @@ button:active {
|
|||||||
letter-spacing: 0.01em;
|
letter-spacing: 0.01em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.display-button-offset {
|
|
||||||
padding-inline: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.display-button-symbol {
|
.display-button-symbol {
|
||||||
min-width: 1.28em;
|
min-width: 1.28em;
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.display-buttons-grid > button {
|
.display-buttons-grid > button {
|
||||||
padding-top: 6px;
|
padding: 6px 8px;
|
||||||
padding-bottom: 6px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.display-button-offset {
|
|
||||||
padding-inline: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.hidden-input {
|
.hidden-input {
|
||||||
|
|||||||
Reference in New Issue
Block a user