2
0

🐛 (bubble) Fix bubble chat height when custom size

This commit is contained in:
Baptiste Arnaud
2024-03-26 19:38:25 +01:00
parent f6468261f5
commit af941b1353
4 changed files with 4 additions and 7 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "@typebot.io/js", "name": "@typebot.io/js",
"version": "0.2.57", "version": "0.2.58",
"description": "Javascript library to display typebots on your website", "description": "Javascript library to display typebots on your website",
"type": "module", "type": "module",
"main": "dist/index.js", "main": "dist/index.js",

View File

@ -179,10 +179,7 @@ export const Bubble = (props: BubbleProps) => {
<div <div
part="bot" part="bot"
style={{ style={{
height: height: `calc(100% - ${buttonSize()} - 32px)`,
props.theme?.button?.size === 'large'
? 'calc(100% - 95px)'
: 'calc(100% - 80px)',
'max-height': props.theme?.chatWindow?.maxHeight ?? '704px', 'max-height': props.theme?.chatWindow?.maxHeight ?? '704px',
'max-width': props.theme?.chatWindow?.maxWidth ?? '400px', 'max-width': props.theme?.chatWindow?.maxWidth ?? '400px',
transition: transition:

View File

@ -1,6 +1,6 @@
{ {
"name": "@typebot.io/nextjs", "name": "@typebot.io/nextjs",
"version": "0.2.57", "version": "0.2.58",
"description": "Convenient library to display typebots on your Next.js website", "description": "Convenient library to display typebots on your Next.js website",
"main": "dist/index.js", "main": "dist/index.js",
"types": "dist/index.d.ts", "types": "dist/index.d.ts",

View File

@ -1,6 +1,6 @@
{ {
"name": "@typebot.io/react", "name": "@typebot.io/react",
"version": "0.2.57", "version": "0.2.58",
"description": "Convenient library to display typebots on your React app", "description": "Convenient library to display typebots on your React app",
"main": "dist/index.js", "main": "dist/index.js",
"types": "dist/index.d.ts", "types": "dist/index.d.ts",