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); background: rgba(6, 10, 16, 0.18);
border: 1px solid rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 16px; border-radius: 16px;
padding: 10px; padding: 6px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
} }
.topbar-group { .topbar-group {
display: grid; display: grid;
grid-template-columns: minmax(110px, 132px) minmax(110px, 132px) 1fr minmax(72px, 88px) minmax(108px, 128px) minmax(72px, 88px); grid-template-columns: minmax(92px, 112px) minmax(92px, 112px) 1fr minmax(60px, 72px) minmax(84px, 100px) minmax(60px, 72px);
gap: 10px; gap: 6px;
align-items: stretch; align-items: stretch;
} }
@@ -170,19 +170,22 @@ body {
} }
.topbar-spacer { .topbar-spacer {
border-radius: 12px; border-radius: 10px;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.04);
} }
.menu-trigger { .menu-trigger {
width: 100%; width: 100%;
min-height: 50px; min-height: 26px;
padding: 4px 8px;
border-radius: 10px;
font-size: 12px;
} }
.popup-menu { .popup-menu {
position: absolute; position: absolute;
top: calc(100% + 8px); top: calc(100% + 6px);
left: 10px; left: 10px;
right: 10px; right: 10px;
z-index: 20; z-index: 20;
@@ -219,7 +222,10 @@ body {
.action-cell > button { .action-cell > button {
width: 100%; width: 100%;
min-height: 50px; min-height: 26px;
padding: 4px 8px;
border-radius: 10px;
font-size: 12px;
} }
.wide-action { .wide-action {
samples/calc-01/visual.txt
+1 -1
View File
@@ -5,7 +5,7 @@
| X: | | X: |
└──────────────────────────────────────────────────────────────────────────────┘ └──────────────────────────────────────────────────────────────────────────────┘
┌──────────────────────────────────────────────────────────────────────────────┐ ┌──────────────────────────────────────────────────────────────────────────────┐
| mode | consts | | del | backspace | esc | | mode | consts | | del | esc | backspace |
└──────────────────────────────────────────────────────────────────────────────┘ └──────────────────────────────────────────────────────────────────────────────┘
┌───────────── Functions ───────────────────┬───── Numbers ─────┬─ Operators ─┐ ┌───────────── Functions ───────────────────┬───── Numbers ─────┬─ Operators ─┐
| sqrt | y^x | x² | 1/x | 7 | 8 | 9 | / | | | sqrt | y^x | x² | 1/x | 7 | 8 | 9 | / | |