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">
|
||||
{before}
|
||||
</Box>
|
||||
<Box
|
||||
className={
|
||||
hideBubble
|
||||
? undefined
|
||||
: classNames(css.BubbleContent, before ? css.BubbleContentArrowLeft : undefined)
|
||||
}
|
||||
direction="Column"
|
||||
grow={hideBubble ? 'Yes' : undefined}
|
||||
>
|
||||
{!hideBubble && before ? <BubbleLeftArrow variant="SurfaceVariant" /> : null}
|
||||
<Box grow="Yes" direction="Column">
|
||||
{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>
|
||||
)
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue