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

fix: improve calc topbar responsiveness on smaller screens

Browse Source
This commit is contained in:
MatMoul
2026-04-25 04:06:45 +02:00
parent 6beefe82bc
commit fbbc9455fb
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
samples/calc-01/index.css
+7 -6
View File
@@ -358,11 +358,7 @@ button:active {
@media (max-width: 980px) { @media (max-width: 980px) {
.topbar-group { .topbar-group {
grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-columns: minmax(92px, 112px) minmax(92px, 112px) 1fr minmax(60px, 72px) minmax(60px, 72px) minmax(60px, 72px);
}
.topbar-spacer {
display: none;
} }
} }
@@ -385,8 +381,13 @@ button:active {
border-radius: 22px; border-radius: 22px;
} }
.topbar {
overflow-x: auto;
}
.topbar-group { .topbar-group {
grid-template-columns: 1fr; grid-template-columns: minmax(92px, 112px) minmax(92px, 112px) 1fr minmax(60px, 72px) minmax(60px, 72px) minmax(60px, 72px);
min-width: 520px;
} }
.functions-grid, .functions-grid,