Fix custom emoji shrinking in reaction badges

- Add flex-shrink-0 to custom emoji images to prevent compression
- Add flex-shrink-0 to unicode emoji spans for consistency
- Ensures both custom and unicode emoji maintain their size-3.5 dimensions
This commit is contained in:
Claude
2026-01-15 18:58:04 +00:00
parent 6e4e4ea8c0
commit e565dd9ca2

View File

@@ -180,10 +180,12 @@ function ReactionBadge({ reaction }: { reaction: ReactionSummary }) {
<img
src={reaction.customEmoji.url}
alt={`:${reaction.customEmoji.shortcode}:`}
className="size-3.5 inline-block object-contain"
className="size-3.5 flex-shrink-0 object-contain"
/>
) : (
<span className="text-xs leading-none">{reaction.emoji}</span>
<span className="text-xs leading-none flex-shrink-0">
{reaction.emoji}
</span>
)}
<span
className={cn(