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

fix: tighten calc-01 topbar layout

Browse Source
This commit is contained in:
MatMoul
2026-04-25 02:32:16 +02:00
parent 3b7f35a00d
commit 144c334fe5
2 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
samples/calc-01/index.css
+13 -7
View File
@@ -154,14 +154,14 @@ body {
background: rgba(6, 10, 16, 0.18);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 16px;
padding: 10px;
padding: 6px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.topbar-group {
display: grid;
grid-template-columns: minmax(110px, 132px) minmax(110px, 132px) 1fr minmax(72px, 88px) minmax(108px, 128px) minmax(72px, 88px);
gap: 10px;
grid-template-columns: minmax(92px, 112px) minmax(92px, 112px) 1fr minmax(60px, 72px) minmax(84px, 100px) minmax(60px, 72px);
gap: 6px;
align-items: stretch;
}
@@ -170,19 +170,22 @@ body {
}
.topbar-spacer {
border-radius: 12px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.04);
}
.menu-trigger {
width: 100%;
min-height: 50px;
min-height: 26px;
padding: 4px 8px;
border-radius: 10px;
font-size: 12px;
}
.popup-menu {
position: absolute;
top: calc(100% + 8px);
top: calc(100% + 6px);
left: 10px;
right: 10px;
z-index: 20;
@@ -219,7 +222,10 @@ body {
.action-cell > button {
width: 100%;
min-height: 50px;
min-height: 26px;
padding: 4px 8px;
border-radius: 10px;
font-size: 12px;
}
.wide-action {