diff options
| author | Adam Soltys <[email protected]> | 2026-09-02 20:14:16 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-09-02 20:14:16 -0700 |
| commit | 923308578999c959aac2230875d70e15fada1d84 (patch) | |
| tree | dd707b28087997d3fb8274c1f8d4cdf7a1a1c41c /src/style.css | |
| parent | 1053b92accee1d52050067d75f36c74a5fa4ca87 (diff) | |
| download | coinosv3-923308578999c959aac2230875d70e15fada1d84.tar.gz coinosv3-923308578999c959aac2230875d70e15fada1d84.zip | |
The drag holds its tongue until you let go — no account switch while the button or finger is still down (release is the choice, shared settle logic for mouse, touch and glide) — and the coins table's dotted meta line becomes little labeled pills: an hourglass countdown, depth, and exit cost each in their own chip, the expired one wearing the warning color
Co-Authored-By: Claude Fable 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01MrkLsNScXe9b6BviUSdmMr
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index b88fede..e5c3156 100644 --- a/src/style.css +++ b/src/style.css @@ -259,6 +259,14 @@ textarea { resize: vertical; min-height: 84px; font-family: var(--mono); font-si .coin { display: flex; align-items: center; gap: 11px; padding: 11px 2px; border-top: 1px solid var(--line); } .coin:first-child { border-top: 0; } .coin input[type=checkbox] { width: 18px; height: 18px; accent-color: var(--accent); } +/* per-coin fact pills: each datum wears its own little labeled chip */ +.coin-chips { display: flex; gap: 6px; flex-wrap: wrap; } +.coin-chip { + display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; + border: 1px solid var(--line); border-radius: 999px; + font-size: 11.5px; color: var(--muted); white-space: nowrap; +} +.coin-chip.warn { color: var(--accent-ink); border-color: var(--accent); } /* ---- review / summary ---- */ .summary { background: var(--surface2); border: 1px solid var(--line); border-radius: 12px; padding: 14px; } |