Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-07-16 08:27:05 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix stacking event tags spacing

Browse Source
This commit is contained in:
Kalle (Sendou) 2021-06-17 21:55:28 +03:00
parent a2a9870535
commit 478276c1d9
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/calendar/EventInfo.tsx
View File

@ -73,11 +73,17 @@ const EventInfo = ({ event, edit }: EventInfoProps) => {
{imgSrc && <Image src={imgSrc} width={36} height={36} />}
<Heading size="lg">{event.name}</Heading>
{event.tags.length > 0 && (
<Flex flexWrap="wrap" justifyContent="center" mt={3} mb={2}>
<Flex flexWrap="wrap" justifyContent="center" my={2}>
{event.tags.map((tag) => {
const tagInfo = TAGS.find((tagObj) => tagObj.code === tag)!;
return (
<Badge key={tag} mx={1} bg={tagInfo.color} color="black">
<Badge
key={tag}
mx={1}
my={1}
bg={tagInfo.color}
color="black"
>
{tagInfo.name}
</Badge>
);