diff --git a/README.md b/README.md index b1af47b..12e609f 100644 --- a/README.md +++ b/README.md @@ -51,13 +51,13 @@ You should be able to see the chatbot embedded in your app These are all the props you can pass to the `` component. -| Name | Type | Description -| ---- | ------ | ----------- -| `project` | `string` | The URL of the project you want to embed -| `width` | `string` | Specifies the width of the iframe. The value must be a string with a numeric value followed by a unit (e.g., '35rem', '100px'). The default is '35rem'. If the width is less than the minimum width of 15 rem, a warning is logged, and the width is adjusted to the minimum. If the width is specified without a recognizable unit or is an invalid string, an error is thrown. -| `fixed` | `boolean` | Set to true if you want the chatbot to be fixed to the bottom of the screen, or false if you want it to be relative to the page. +| Name | Type | Description | +| --------- | --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `project` | `string` | The URL of the project you want to embed | +| `width` | `string` | Specifies the width of the iframe. The value must be a string with a numeric value followed by a unit (e.g., '35rem', '100px'). The default is '35rem'. If the width is less than the minimum width of 15 rem, a warning is logged, and the width is adjusted to the minimum. If the width is specified without a recognizable unit or is an invalid string, an error is thrown. | +| `fixed` | `boolean` | Set to true if you want the chatbot to be fixed to the bottom of the screen, or false if you want it to be relative to the page. | -`height` of the iframe is automatically set to 38.5 rem. +`height` of the iframe is automatically set to `40 rem`. ## Contributing diff --git a/package.json b/package.json index 3c1f694..5b862e9 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-stackai", - "version": "0.1.7", + "version": "0.1.9", "files": [ "dist" ], diff --git a/src/Stack.tsx b/src/Stack.tsx index 8889c5f..3848076 100644 --- a/src/Stack.tsx +++ b/src/Stack.tsx @@ -13,7 +13,7 @@ const Stack = forwardRef(function Stack({ width = '35rem', fixed = true, }: StackProps) { - const height = '38.5rem'; + const height = '40rem'; const adjustWidth = (w: string) => { const minWidth = '15rem';