grain.social is a photo sharing platform built on atproto. grain.social
atproto photography appview
47
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix: use consistent 34px avatars and even vertical spacing in notifications

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

+3 -3
+3 -3
app/lib/components/atoms/NotificationItem.svelte
··· 104 104 <div class="grouped-avatars"> 105 105 {#each allAuthors.slice(0, 5) as author (author.did)} 106 106 <a href="/profile/{author.did}" class="grouped-avatar-link" onclick={(e) => e.stopPropagation()}> 107 - <Avatar did={author.did} src={author.avatar} name={author.name} size={38} /> 107 + <Avatar did={author.did} src={author.avatar} name={author.name} size={34} /> 108 108 </a> 109 109 {/each} 110 110 {#if group.authorCount > 5} ··· 174 174 .notif { 175 175 display: flex; 176 176 gap: 10px; 177 - padding: 12px 16px; 177 + padding: 14px 16px; 178 178 border-bottom: 1px solid var(--border); 179 179 color: inherit; 180 180 transition: background 0.12s; ··· 192 192 align-items: center; 193 193 } 194 194 .grouped .notif-icon { 195 - height: 38px; 195 + height: 34px; 196 196 } 197 197 .icon-grain { 198 198 color: var(--grain);