mirror of
https://github.com/aljazceru/rabbit.git
synced 2025-12-17 22:14:26 +01:00
fix: wide emoji
This commit is contained in:
@@ -21,7 +21,7 @@ const EmojiDisplay: Component<EmojiDisplayProps> = (props) => (
|
|||||||
{({ content }) => <span class="truncate">{content}</span>}
|
{({ content }) => <span class="truncate">{content}</span>}
|
||||||
</Match>
|
</Match>
|
||||||
<Match when={props.reactionTypes.type === 'CustomEmoji' && props.reactionTypes} keyed>
|
<Match when={props.reactionTypes.type === 'CustomEmoji' && props.reactionTypes} keyed>
|
||||||
{({ shortcode, url }) => <img class="h-4 max-w-[3rem]" src={url} alt={`:${shortcode}:`} />}
|
{({ shortcode, url }) => <img class="h-4 max-w-[6rem]" src={url} alt={`:${shortcode}:`} />}
|
||||||
</Match>
|
</Match>
|
||||||
</Switch>
|
</Switch>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -131,7 +131,7 @@ const TextNoteContentDisplay = (props: TextNoteContentDisplayProps) => {
|
|||||||
// const { imageRef, canvas } = useImageAnimation({ initialPlaying: false });
|
// const { imageRef, canvas } = useImageAnimation({ initialPlaying: false });
|
||||||
return (
|
return (
|
||||||
<img
|
<img
|
||||||
class="inline-block h-8 max-w-[128px] align-middle"
|
class="inline-block h-8 max-w-[8rem]"
|
||||||
src={item.url}
|
src={item.url}
|
||||||
alt={item.content}
|
alt={item.content}
|
||||||
title={item.shortcode}
|
title={item.shortcode}
|
||||||
|
|||||||
Reference in New Issue
Block a user