Fix reaction emoji bubble alignment to match ancestor thread avatar column

Use size-10 in PostDetailContent to align with the threaded ancestor's
size-10 avatar, preventing a 4px horizontal offset of the thread line.
This commit is contained in:
Alex Gleason
2026-03-01 20:12:34 -06:00
parent 07a25874ae
commit aaae6b5893
+3 -3
View File
@@ -852,9 +852,9 @@ function PostDetailContent({ event }: { event: NostrEvent }) {
{isReaction && (
<article ref={focusedPostRef} className="px-4 py-4">
<div className="flex items-center gap-3">
{/* Large reaction emoji */}
<div className="flex items-center justify-center size-12 rounded-full bg-pink-500/10 shrink-0">
<ReactionEmoji content={event.content} tags={event.tags} className="text-2xl leading-none" />
{/* Reaction emoji bubble — size-10 matches the threaded ancestor avatar column */}
<div className="flex items-center justify-center size-10 rounded-full bg-pink-500/10 shrink-0">
<ReactionEmoji content={event.content} tags={event.tags} className="text-xl leading-none" />
</div>
{/* Author + "reacted" label */}