diff options
| author | Adam Soltys <[email protected]> | 2026-10-16 20:26:12 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-10-16 20:26:12 -0700 |
| commit | 33c721898be82fb50c38db7fa6d67114b10a20a7 (patch) | |
| tree | 81893313e905b21999843c9d777cde22502b94e9 /src | |
| parent | 5a71aaa4855c7f619a8ff9522754ce22393817a5 (diff) | |
| download | coinosv3-33c721898be82fb50c38db7fa6d67114b10a20a7.tar.gz coinosv3-33c721898be82fb50c38db7fa6d67114b10a20a7.zip | |
The profile's Posts / Replies tabs: the chosen one is solid, like the feed chips.
A soft-grey active tab beside a white one, sitting right on white post cards, read as the WHITE tab being the selected one — its colour matched the posts under it (Adam, 2026-10-16: "the bg coloring on posts/replies is backwards"). The tabs take the feed chips' look now: the chosen tab solid accent with light text, the other one on the quiet surface in muted text. Other segmented controls are unchanged.
Co-Authored-By: Claude Fable 5.1 <[email protected]>
Claude-Session: https://claude.ai/code/session_01J1Kon8bxJoHRpJdSzshCkp
Diffstat (limited to 'src')
| -rw-r--r-- | src/style.css | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index 2090e24..62f91f8 100644 --- a/src/style.css +++ b/src/style.css @@ -285,6 +285,12 @@ textarea.send-dest::placeholder { font-family: var(--sans); } .seg { display: inline-flex; border: 1px solid var(--line-strong); border-radius: 10px; overflow: hidden; } .seg button { border: 0; border-radius: 0; padding: 9px 14px; background: var(--paper); } .seg button.active { background: var(--accent-soft); color: var(--accent-ink); } +/* The profile's Posts / Replies tabs sit right on white cards: a soft-grey + active tab beside a white one read as the WHITE one being selected (its + colour matched the posts under it). So these take the feed chips' look: + the chosen tab solid accent, the other one quiet (Adam, 2026-10-16). */ +.prof-tabs button { background: var(--surface2); color: var(--muted); } +.prof-tabs button.active { background: var(--accent); color: var(--accent-fg); } /* ---- address / qr ---- */ .qr { width: 220px; height: 220px; display: block; border-radius: 12px; border: 1px solid var(--line); } |
