aboutsummaryrefslogtreecommitdiffstats
path: root/src/style.css
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2026-06-15 10:22:38 -0700
committerAdam Soltys <[email protected]>2026-06-15 10:22:38 -0700
commitb42721ba4dc5fe91200e13541189dce5e8dce791 (patch)
tree6b90a2b5350490a42958e67c158096a0cf4dfeb1 /src/style.css
parenta7b17ffd165e28be2bb707ad7679c993fd17a4d6 (diff)
downloadcoinosv3-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.css9
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; }