move message header outside bubble

This commit is contained in:
Ajay Bura 2025-09-18 18:45:47 +05:30
parent 6c869e016f
commit f11911d64c

View file

@ -38,18 +38,21 @@ export const BubbleLayout = as<'div', BubbleLayoutProps>(
<Box className={css.BubbleBefore} shrink="No"> <Box className={css.BubbleBefore} shrink="No">
{before} {before}
</Box> </Box>
<Box <Box grow="Yes" direction="Column">
className={
hideBubble
? undefined
: classNames(css.BubbleContent, before ? css.BubbleContentArrowLeft : undefined)
}
direction="Column"
grow={hideBubble ? 'Yes' : undefined}
>
{!hideBubble && before ? <BubbleLeftArrow variant="SurfaceVariant" /> : null}
{header} {header}
{children} <Box>
<Box
className={
hideBubble
? undefined
: classNames(css.BubbleContent, before ? css.BubbleContentArrowLeft : undefined)
}
direction="Column"
>
{!hideBubble && before ? <BubbleLeftArrow variant="SurfaceVariant" /> : null}
{children}
</Box>
</Box>
</Box> </Box>
</Box> </Box>
) )