From 14f7c6ddbe44fa07572e4e86b25605ae916f3271 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sat, 8 Aug 2026 11:47:46 -0700 Subject: Choose your look shows the look: one big avatar previews the pick — punks and uploads just change it MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01DbA53PJA8fgSvMcEzfuw22 --- src/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index b029e97..9e0e1bd 100644 --- a/src/style.css +++ b/src/style.css @@ -551,7 +551,7 @@ body::after { .onb-punk { width: 56px; height: 56px; border-radius: 50%; flex-shrink: 0; cursor: pointer; border: 3px solid transparent; transition: transform .15s, border-color .15s; } .onb-punk:hover { transform: scale(1.08); } .onb-punk.sel { border-color: var(--accent); transform: scale(1.08); } -.onb-preview { width: 84px; height: 84px; border-radius: 50%; object-fit: cover; align-self: center; box-shadow: var(--shadow); } +.onb-avatar { width: 160px; height: 160px; border-radius: 50%; object-fit: cover; align-self: center; box-shadow: var(--shadow); transition: opacity .15s; } .onb-confetti { position: fixed; inset: 0; pointer-events: none; overflow: hidden; } .onb-confetti i { position: absolute; top: -12px; width: 9px; height: 14px; opacity: .9; animation: confetti-fall 2.8s ease-in forwards; } .onb-confetti i:nth-child(4n) { background: #f7931a; } -- cgit v1.2.3