grain.social is a photo sharing platform built on atproto.
grain.social
atproto
photography
appview
fix: make all notification avatars consistent size (34px)
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
···
91
91
<div class="expanded-authors">
92
92
{#each allAuthors as author (author.did)}
93
93
<a href="/profile/{author.did}" class="expanded-author-row">
94
-
<Avatar did={author.did} src={author.avatar} name={author.name} size={32} />
94
+
<Avatar did={author.did} src={author.avatar} name={author.name} size={34} />
95
95
<div class="expanded-author-info">
96
96
<span class="expanded-author-name">{author.name}</span>
97
97
<span class="expanded-author-handle">@{author.handle ?? author.did.slice(0, 18)}</span>
···
103
103
<div class="grouped-avatars">
104
104
{#each allAuthors.slice(0, 5) as author (author.did)}
105
105
<a href="/profile/{author.did}" class="grouped-avatar-link" onclick={(e) => e.stopPropagation()}>
106
-
<Avatar did={author.did} src={author.avatar} name={author.name} size={32} />
106
+
<Avatar did={author.did} src={author.avatar} name={author.name} size={34} />
107
107
</a>
108
108
{/each}
109
109
{#if group.authorCount > 5}
···
137
137
{/if}
138
138
</div>
139
139
<a class="notif-avatar" href={profileHref}>
140
-
<Avatar did={authorDid} src={authorAvatar} name={authorName} size={38} />
140
+
<Avatar did={authorDid} src={authorAvatar} name={authorName} size={34} />
141
141
</a>
142
142
<a class="notif-body" href={contentHref}>
143
143
<div class="notif-header">