mirror of
https://github.com/cinnyapp/cinny.git
synced 2025-11-04 22:40:29 +03:00
move message header outside bubble
This commit is contained in:
parent
6c869e016f
commit
f11911d64c
1 changed files with 14 additions and 11 deletions
|
|
@ -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>
|
||||||
)
|
)
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue