diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json index 6a9d04ab6..0b696d6fa 100644 --- a/packages/embeds/js/package.json +++ b/packages/embeds/js/package.json @@ -1,6 +1,6 @@ { "name": "@typebot.io/js", - "version": "0.2.49", + "version": "0.2.50", "description": "Javascript library to display typebots on your website", "type": "module", "main": "dist/index.js", diff --git a/packages/embeds/js/src/features/bubble/components/Bubble.tsx b/packages/embeds/js/src/features/bubble/components/Bubble.tsx index 0d47baa3f..51bf799ed 100644 --- a/packages/embeds/js/src/features/bubble/components/Bubble.tsx +++ b/packages/embeds/js/src/features/bubble/components/Bubble.tsx @@ -198,7 +198,9 @@ export const Bubble = (props: BubbleProps) => { class={ 'fixed rounded-lg w-full' + (isBotOpened() ? ' opacity-1' : ' opacity-0 pointer-events-none') + - (props.theme?.placement === 'left' ? ' left-5' : ' right-5') + (props.theme?.placement === 'left' + ? ' left-5' + : ' sm:right-5 right-0') } > diff --git a/packages/embeds/nextjs/package.json b/packages/embeds/nextjs/package.json index d24a7ffb9..9eec1be95 100644 --- a/packages/embeds/nextjs/package.json +++ b/packages/embeds/nextjs/package.json @@ -1,6 +1,6 @@ { "name": "@typebot.io/nextjs", - "version": "0.2.49", + "version": "0.2.50", "description": "Convenient library to display typebots on your Next.js website", "main": "dist/index.js", "types": "dist/index.d.ts", diff --git a/packages/embeds/react/package.json b/packages/embeds/react/package.json index 49e0052c2..9e8973642 100644 --- a/packages/embeds/react/package.json +++ b/packages/embeds/react/package.json @@ -1,6 +1,6 @@ { "name": "@typebot.io/react", - "version": "0.2.49", + "version": "0.2.50", "description": "Convenient library to display typebots on your React app", "main": "dist/index.js", "types": "dist/index.d.ts", diff --git a/packages/embeds/react/src/stories/bubble.stories.tsx b/packages/embeds/react/src/stories/bubble.stories.tsx index efd70b8d9..5313b0e1a 100644 --- a/packages/embeds/react/src/stories/bubble.stories.tsx +++ b/packages/embeds/react/src/stories/bubble.stories.tsx @@ -50,7 +50,6 @@ export const Default = () => { button: { backgroundColor: '#FF7537', iconColor: 'white', - size: 'large', }, }} isPreview