diff --git a/samples/calc-01/index.css b/samples/calc-01/index.css index e64cee4..fb75b43 100644 --- a/samples/calc-01/index.css +++ b/samples/calc-01/index.css @@ -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 { diff --git a/samples/calc-01/visual.txt b/samples/calc-01/visual.txt index 2ab62bd..7efa0a4 100644 --- a/samples/calc-01/visual.txt +++ b/samples/calc-01/visual.txt @@ -5,7 +5,7 @@ | X: | └──────────────────────────────────────────────────────────────────────────────┘ ┌──────────────────────────────────────────────────────────────────────────────┐ -| mode | consts | | del | backspace | esc | +| mode | consts | | del | esc | backspace | └──────────────────────────────────────────────────────────────────────────────┘ ┌───────────── Functions ───────────────────┬───── Numbers ─────┬─ Operators ─┐ | sqrt | y^x | x² | 1/x | 7 | 8 | 9 | / | |