Fix placement of emoji/sticker buttons (#1693)

This commit is contained in:
Arnaldo Gabriel 2024-04-24 08:44:32 -04:00 committed by GitHub
parent 8c5a1d15cb
commit 743e916d12
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -174,18 +174,6 @@ function EmojiBoardTabs({
}) {
return (
<Box gap="100">
<Badge
className={css.EmojiBoardTab}
as="button"
variant="Secondary"
fill={tab === EmojiBoardTab.Emoji ? 'Solid' : 'None'}
size="500"
onClick={() => onTabChange(EmojiBoardTab.Emoji)}
>
<Text as="span" size="L400">
Emoji
</Text>
</Badge>
<Badge
className={css.EmojiBoardTab}
as="button"
@ -198,6 +186,18 @@ function EmojiBoardTabs({
Sticker
</Text>
</Badge>
<Badge
className={css.EmojiBoardTab}
as="button"
variant="Secondary"
fill={tab === EmojiBoardTab.Emoji ? 'Solid' : 'None'}
size="500"
onClick={() => onTabChange(EmojiBoardTab.Emoji)}
>
<Text as="span" size="L400">
Emoji
</Text>
</Badge>
</Box>
);
}