Update TimeDisplay component to enhance layout flexibility

- Added the 'wrap' property to the Flex container in TimeDisplay, allowing for better handling of content overflow and improving overall layout adaptability.
This commit is contained in:
Tom Butcher 2026-07-26 19:00:17 +01:00
parent 50abb22054
commit 8ab1045732

View File

@ -107,7 +107,7 @@ const TimeDisplay = ({
const formattedDate = dayjs(dateTime).format(dateFormat) const formattedDate = dayjs(dateTime).format(dateFormat)
return ( return (
<Flex align={'center'} gap={'small'}> <Flex align={'center'} gap={'small'} wrap>
{showDate || showTime ? <Text type={type}>{formattedDate}</Text> : null} {showDate || showTime ? <Text type={type}>{formattedDate}</Text> : null}
{showSince ? <Tag style={{ margin: 0 }}>{timeAgo}</Tag> : null} {showSince ? <Tag style={{ margin: 0 }}>{timeAgo}</Tag> : null}
</Flex> </Flex>