aboutsummaryrefslogtreecommitdiffstats
path: root/src/style.css
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2026-09-21 10:56:47 -0700
committerAdam Soltys <[email protected]>2026-09-21 10:56:47 -0700
commitffec5e1a52596a3be867558c41b43ac9b3892c0c (patch)
treef50097e6e0e9ba7841bee22ee7e03fd636906f89 /src/style.css
parent683184f65eb71bdfd12550e7293f0c721100dd9b (diff)
downloadcoinosv3-ffec5e1a52596a3be867558c41b43ac9b3892c0c.tar.gz
coinosv3-ffec5e1a52596a3be867558c41b43ac9b3892c0c.zip
Point of sale: /pos, a per-device till mode, an on-screen pad — and off the Receive tab.
v3.coinos.io/pos opens the point of sale once a wallet is up (claimed at boot before any feature reads the path), so the till can be bookmarked or put on a home screen. Settings → Payments gains "Start in point of sale on this device" (localStorage, not synced: the till, not every phone the owner carries). The amount and the custom tip get a 3×4 pad that edits the same field a keyboard or a paste would. The button under the payment address on Receive is gone. Co-Authored-By: Claude Fable 5.1 <[email protected]> Claude-Session: https://claude.ai/code/session_01Tmfg8k5f3TbNJS34qiqHAp
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css4
1 files changed, 4 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css
index d0d5103..12895e7 100644
--- a/src/style.css
+++ b/src/style.css
@@ -602,6 +602,10 @@ hr.divider { margin: 16px 0; }
.pos-qr svg { width: min(260px, 70vw); height: auto; display: block; }
.pos-check { width: 64px; height: 64px; border-radius: 50%; background: var(--green, #2e7d32); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 34px; }
.pos-sale.faint { opacity: .55; }
+.pos-pad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; width: 100%; }
+.pos-key { padding: 14px 0; font-size: 22px; font-weight: 600; border: 1px solid var(--line); border-radius: 12px; background: var(--surface2); color: var(--ink); cursor: pointer; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
+.pos-key:active { background: var(--accent); color: var(--accent-fg); }
+.pos-key.del { font-weight: 400; }
/* the feeds row: pills that scroll sideways, the one on screen filled */
.feed-chips { gap: 6px; flex-wrap: nowrap; overflow-x: auto; margin: 0 -14px; padding: 2px 14px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.feed-chips::-webkit-scrollbar { display: none; }