From c19fd63f1687c8fdfd38a8446e7cf936342ba4ef Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Tue, 4 Aug 2026 01:50:24 -0700
Subject: Avatars stop flashing everywhere: backgrounds, not <img>
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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 <noreply@anthropic.com>
---
 src/style.css | 1 +
 1 file changed, 1 insertion(+)

(limited to 'src/style.css')

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;
-- 
cgit v1.2.3