aboutsummaryrefslogtreecommitdiffstats
path: root/src/style.css
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2026-06-23 23:17:19 -0700
committerAdam Soltys <[email protected]>2026-06-23 23:17:19 -0700
commit06e48290ca5e6da7866715cc26c4e3fdf3e03b91 (patch)
tree998ba58087dd40d839fc919635b3b2e328cfc24a /src/style.css
parentd5e55c9c577feb6f8000bad3c37045a2cd7c9b4c (diff)
downloadcoinosv3-06e48290ca5e6da7866715cc26c4e3fdf3e03b91.tar.gz
coinosv3-06e48290ca5e6da7866715cc26c4e3fdf3e03b91.zip
Show full recipient address below the input for verification
The address input scrolls/truncates on mobile, hiding the ends. Render the full address as wrapping text beneath it with the first/last 6 chars emphasized, so paste/type/scan can be verified without scrolling. Updated imperatively on input so the field keeps focus. Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css2
1 files changed, 2 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css
index 69c3169..61a80af 100644
--- a/src/style.css
+++ b/src/style.css
@@ -150,6 +150,8 @@ textarea { resize: vertical; min-height: 84px; font-family: var(--mono); font-si
border-radius: 11px; padding: 12px 14px; word-break: break-all; text-align: center;
}
.path { font-family: var(--mono); font-size: 12px; color: var(--faint); }
+.addr-check { font-family: var(--mono); font-size: 12px; line-height: 1.5; color: var(--muted); word-break: break-all; padding: 0 2px; }
+.addr-check .hl { color: var(--ink); font-weight: 700; }
/* ---- mnemonic grid ---- */
.words { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }