diff options
| author | Adam Soltys <[email protected]> | 2026-06-15 10:22:38 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-06-15 10:22:38 -0700 |
| commit | b42721ba4dc5fe91200e13541189dce5e8dce791 (patch) | |
| tree | 6b90a2b5350490a42958e67c158096a0cf4dfeb1 /src/style.css | |
| parent | a7b17ffd165e28be2bb707ad7679c993fd17a4d6 (diff) | |
| download | coinosv3-b42721ba4dc5fe91200e13541189dce5e8dce791.tar.gz coinosv3-b42721ba4dc5fe91200e13541189dce5e8dce791.zip | |
Multi-recipient send, simpler review, global persisted unit
- Send: support multiple outputs. Default one recipient with a "+ Add
recipient" button (and a remove ✕ per row). Max applies only when there's a
single recipient.
- Review: drop the technical lines (total, inputs/vsize, change, total cost).
Show just the amount going to each output plus the network fee.
- Units: replace the per-form BTC/sats toggle with a single global unit that
persists in localStorage across refreshes and logouts. Every unit label
(balance, breakdown, amounts, fee, coins, review) is clickable to toggle and
all displays use the chosen unit consistently.
Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index 9313899..6d47d29 100644 --- a/src/style.css +++ b/src/style.css @@ -207,6 +207,15 @@ textarea { resize: vertical; min-height: 84px; font-family: var(--mono); font-si } .toast.show { opacity: 1; transform: translateX(-50%) translateY(0); } .words .w.masked .t { color: var(--faint); letter-spacing: 2px; } + +/* Clickable unit labels (BTC/sats) — look like text, toggle the global unit. */ +.unit-tag { + background: none; border: 0; padding: 0; margin: 0; font: inherit; cursor: pointer; + color: var(--muted); font-weight: 600; + border-bottom: 1px dotted var(--line-strong); +} +.unit-tag:hover { background: none; color: var(--accent-ink); border-bottom-color: var(--accent); } +.unit-tag:active { transform: none; } .divider { height: 1px; background: var(--line); margin: 16px 0; border: 0; } hr.divider { margin: 16px 0; } .linklike { background: none; border: 0; padding: 0; color: var(--accent-ink); font-weight: 600; cursor: pointer; } |
