grain.social is a photo sharing platform built on atproto.
grain.social
atproto
photography
appview
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
+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);