mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-04 22:40:29 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

move message header outside bubble

Browse source
This commit is contained in:
Ajay Bura 2025-09-18 18:45:47 +05:30
parent 6c869e016f
commit f11911d64c
1 changed files with 14 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/app/components/message/layout/Bubble.tsx
View file

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