mirror of
https://github.com/purrgrammer/grimoire.git
synced 2026-04-12 16:37:06 +02:00
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:
@@ -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(
|
||||
|
||||
Reference in New Issue
Block a user