diff options
| author | Adam Soltys <[email protected]> | 2026-08-04 01:50:24 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-08-04 01:50:24 -0700 |
| commit | c19fd63f1687c8fdfd38a8446e7cf936342ba4ef (patch) | |
| tree | 0238a55a48d2a6f387a4547df9320428b3e8c7ad /src/style.css | |
| parent | 7b7f2b5e8a6f2abc05fef94e0a8f6cb9dd0b9928 (diff) | |
| download | coinosv3-c19fd63f1687c8fdfd38a8446e7cf936342ba4ef.tar.gz coinosv3-c19fd63f1687c8fdfd38a8446e7cf936342ba4ef.zip | |
Avatars stop flashing everywhere: backgrounds, not <img>
A recreated <img> decodes async — one blank frame per render, and boot
renders in bursts. A CSS background paints synchronously from cache, so
the profile page, chat rows, and send candidates all hold steady now.
Co-Authored-By: Claude Fable 5 <[email protected]>
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 1 |
1 files changed, 1 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index 264b85e..ff652a5 100644 --- a/src/style.css +++ b/src/style.css @@ -365,6 +365,7 @@ hr.divider { margin: 16px 0; } width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0; object-fit: cover; background: var(--accent-soft); } +.ava-img { background-size: cover; background-position: center; } .chat-avatar.fallback { display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 650; color: var(--muted); text-transform: uppercase; |