blsmedia/bot
2
0
Fork 0
Code Activity

feat(viewer): 💄 Add margins on bubbles

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-04-09 17:53:48 -05:00
parent cd879eee5f
commit 611dbad7cd
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/bot-engine/src/components/ChatBlock/ChatBlock.tsx
View File

@ -219,7 +219,7 @@ const ChatChunks = ({
hostAvatarSrc={hostAvatar.src} hostAvatarSrc={hostAvatar.src}
/> />
)} )}
<div className="flex-1"> <div className="flex-1" style={{ marginRight: '50px' }}>
<TransitionGroup> <TransitionGroup>
{bubbles.map((step) => ( {bubbles.map((step) => (
<CSSTransition <CSSTransition

6
packages/bot-engine/src/components/ChatBlock/ChatStep/bubbles/GuestBubble.tsx
View File

@ -19,7 +19,11 @@ export const GuestBubble = ({
return ( return (
<CSSTransition classNames="bubble" timeout={1000}> <CSSTransition classNames="bubble" timeout={1000}>
<div className="flex justify-end mb-2 items-end" onClick={onClick}> <div
className="flex justify-end mb-2 items-end"
onClick={onClick}
style={{ marginLeft: '50px' }}
>
<span <span
className="px-4 py-2 rounded-lg mr-2 whitespace-pre-wrap max-w-full typebot-guest-bubble cursor-pointer hover:brightness-90 active:brightness-75" className="px-4 py-2 rounded-lg mr-2 whitespace-pre-wrap max-w-full typebot-guest-bubble cursor-pointer hover:brightness-90 active:brightness-75"
data-testid="guest-bubble" data-testid="guest-bubble"