diff options
| author | Adam Soltys <[email protected]> | 2026-08-02 19:39:00 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-08-02 19:39:00 -0700 |
| commit | 78ab79e7527bdab08c59e5ee8ee5dd701c0856e0 (patch) | |
| tree | a93a405f8c23e7158d47375127a2be68dd4b28c2 /src/style.css | |
| parent | 0f47a16fd81091f03ab1f4e4e8143fedf94d1f68 (diff) | |
| download | coinosv3-78ab79e7527bdab08c59e5ee8ee5dd701c0856e0.tar.gz coinosv3-78ab79e7527bdab08c59e5ee8ee5dd701c0856e0.zip | |
Punk default avatars, header profile button, owner channel creation
Everyone gets a face: profiles without a picture fall back to a coinos
punk, picked deterministically by the pubkey's last byte — the same 64
webps and formula the coinos app uses (initials show through if the
image can't load). Your own avatar moves from the chat home to the app
header next to the wallet selector, opening your editable profile from
anywhere.
Community owners can add channels from the room's + panel: one
owner-signed ChannelMetadata edition (CORD-03), and every member's
channel switcher grows when the fold lands.
Co-Authored-By: Claude Fable 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Wvj4aoeMZwA7VUGdJP9Swi
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index e5cc666..2323635 100644 --- a/src/style.css +++ b/src/style.css @@ -391,3 +391,7 @@ hr.divider { margin: 16px 0; } .profile-avatar { width: 64px; height: 64px; font-size: 18px; } .zap-chip { display: inline-flex; gap: 5px; align-items: center; cursor: pointer; background: var(--surface2); border: 1px solid var(--line); border-radius: 999px; padding: 1px 8px 1px 2px; } .chat-avatar.mini { width: 18px; height: 18px; font-size: 8px; flex-shrink: 0; } +.chat-avatar.fallback { position: relative; overflow: hidden; } +.chat-avatar.fallback .punk { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } +.header-avatar { padding: 0; border: none; background: none; cursor: pointer; display: flex; } +.chat-avatar.header-ava { width: 30px; height: 30px; font-size: 11px; } |