diff options
| author | Adam Soltys <[email protected]> | 2026-08-30 22:09:01 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-08-30 22:09:01 -0700 |
| commit | 46f353da0d7a4e503b4917d5e72a55df959c59f8 (patch) | |
| tree | e94bd12bdd74a0bceb39d8fd78eb570d1347efcd /src/style.css | |
| parent | 46693593582a3123ca45c59b468a24807668fc7d (diff) | |
| download | coinosv3-46f353da0d7a4e503b4917d5e72a55df959c59f8.tar.gz coinosv3-46f353da0d7a4e503b4917d5e72a55df959c59f8.zip | |
Hats return to perching: the banner overlap now moves the row's direct child (pulling the avatar up inside its hat-wrap left the crown planted on the face), and the whole catalog rises 20 points — hats covered a quarter of every avatar and now kiss the top few pixels
Co-Authored-By: Claude Fable 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01MrkLsNScXe9b6BviUSdmMr
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/src/style.css b/src/style.css index 7f71770..b978519 100644 --- a/src/style.css +++ b/src/style.css @@ -443,8 +443,13 @@ hr.divider { margin: 16px 0; } height: 118px; margin: -20px -20px 0; background-size: cover; background-position: center; border-radius: var(--radius) var(--radius) 0 0; } +/* The overlap must move the row's DIRECT child: when a hat is worn that's + the .hat-wrap — pulling the avatar up inside the wrap left the hat + behind, planted on the face. */ +.profile-banner + .row > .profile-avatar, +.profile-banner + .row > .hat-wrap { margin-top: -26px; } .profile-banner + .row .profile-avatar { - margin-top: -26px; border: 3px solid var(--paper); box-sizing: content-box; + border: 3px solid var(--paper); box-sizing: content-box; } .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; } |