Use block display for label chips so they wrap to new lines on overflow

This commit is contained in:
Jackson Harper 2022-04-14 20:21:58 -07:00
parent 6cb78cca34
commit 958e67a1cb

View file

@ -154,11 +154,11 @@ export function GridLinkedItemCard(props: LinkedItemCardProps): JSX.Element {
/>
)}
</HStack>
<HStack css={{ mt: '8px' }}>
<Box css={{ display: 'block', mt: '8px' }}>
{props.item.labels?.map(({ name, color }, index) => (
<LabelChip key={index} text={name || ''} color={color} />
))}
</HStack>
</Box>
</VStack>
)
}