🚑 Fix bubble window size on mobile devices

Closes
baptisteArno · Jun 2, 2023 · 8a0488e · 8a0488e · vercel · Jun 2, 2023
1 parent bc90c9c
commit 8a0488e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.0.61",
+  "version": "0.0.62",
   "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
@@ -161,7 +161,7 @@ export const Bubble = (props: BubbleProps) => {
           (props.theme?.button?.size === 'large'
             ? ' bottom-24'
             : ' bottom-20') +
-          (props.theme?.placement === 'left' ? ' left-5' : ' right-5')
+          (props.theme?.placement === 'left' ? ' sm:left-5' : ' sm:right-5')
         }
       >
         <Show when={isBotStarted()}>

diff --git a/packages/embeds/react/package.json b/packages/embeds/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.0.61",
+  "version": "0.0.62",
   "description": "React library to display typebots on your website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",