From 3db829522b28eef55ab1fda3c1dac385cb3265d2 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Mon, 3 Aug 2026 08:52:59 -0700 Subject: Move money: Max on both directions, inline in the amount field MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Into Spending gains a Max (fee-aware — it asks the tx builder what a sweep would actually deliver, so the mining fee can't make the board fail), and both directions now carry Max as a small affordance inside the input's right edge instead of a button eating a third of the row. It only appears when there's a balance to max. Balance face height trimmed to match its shorter content. Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01Wvj4aoeMZwA7VUGdJP9Swi --- src/style.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index 0131556..f151bf5 100644 --- a/src/style.css +++ b/src/style.css @@ -513,9 +513,18 @@ body::after { @media (prefers-reduced-motion: reduce) { .onb-mark { animation: none; } } .onb-addr { color: var(--muted); font-family: var(--mono); font-size: 13px; } /* balance card: one account at a time, dots to flip */ -.balance-face { min-height: 118px; } +.balance-face { min-height: 96px; } .balance-note { margin-top: 2px; } .balance-dots { display: flex; gap: 7px; align-items: center; } .bdot { width: 8px; height: 8px; padding: 0; border-radius: 50%; border: 0; background: var(--line-strong); cursor: pointer; transition: background .18s, transform .18s; } .bdot:hover { transform: scale(1.25); background: var(--muted); } .bdot.on { background: var(--accent); transform: scale(1.15); } +/* amount input with an inline Max affordance */ +.amt-field { position: relative; display: flex; flex: 1; min-width: 0; } +.amt-field input { width: 100%; padding-right: 52px; } +.amt-max { + position: absolute; right: 6px; top: 50%; transform: translateY(-50%); + padding: 4px 8px; font-size: 12px; font-weight: 600; line-height: 1; + border: 0; border-radius: 7px; background: var(--accent-soft); color: var(--muted); cursor: pointer; +} +.amt-max:hover { background: var(--surface2); color: var(--ink); } -- cgit v1.2.3