🐛 Fix input background not properly set
This commit is contained in:
@ -67,7 +67,7 @@ export const UploadButton = ({
|
|||||||
id="file-input"
|
id="file-input"
|
||||||
display="none"
|
display="none"
|
||||||
onChange={handleInputChange}
|
onChange={handleInputChange}
|
||||||
accept={fileType === 'image' ? '.jpg, .jpeg, .png, .gif' : '.mp3, .wav'}
|
accept={fileType === 'image' ? 'image/*' : 'audio/*'}
|
||||||
/>
|
/>
|
||||||
<Button
|
<Button
|
||||||
as="label"
|
as="label"
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@typebot.io/js",
|
"name": "@typebot.io/js",
|
||||||
"version": "0.2.74",
|
"version": "0.2.75",
|
||||||
"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",
|
||||||
|
@ -341,9 +341,7 @@ const setHostBubbles = (
|
|||||||
|
|
||||||
documentStyle.setProperty(
|
documentStyle.setProperty(
|
||||||
cssVariableNames.chat.hostBubbles.blur,
|
cssVariableNames.chat.hostBubbles.blur,
|
||||||
isDefined(hostBubbles?.blur)
|
isDefined(hostBubbles?.blur) ? `${hostBubbles.blur ?? 0}px` : 'none'
|
||||||
? `${hostBubbles.blur ?? 0}px`
|
|
||||||
: defaultBlur.toString()
|
|
||||||
)
|
)
|
||||||
|
|
||||||
setShadow(
|
setShadow(
|
||||||
@ -408,9 +406,7 @@ const setGuestBubbles = (
|
|||||||
|
|
||||||
documentStyle.setProperty(
|
documentStyle.setProperty(
|
||||||
cssVariableNames.chat.guestBubbles.blur,
|
cssVariableNames.chat.guestBubbles.blur,
|
||||||
isDefined(guestBubbles?.blur)
|
isDefined(guestBubbles?.blur) ? `${guestBubbles.blur ?? 0}px` : 'none'
|
||||||
? `${guestBubbles.blur ?? 0}px`
|
|
||||||
: defaultBlur.toString()
|
|
||||||
)
|
)
|
||||||
|
|
||||||
setShadow(
|
setShadow(
|
||||||
@ -484,7 +480,7 @@ const setButtons = (
|
|||||||
|
|
||||||
documentStyle.setProperty(
|
documentStyle.setProperty(
|
||||||
cssVariableNames.chat.buttons.blur,
|
cssVariableNames.chat.buttons.blur,
|
||||||
isDefined(buttons?.blur) ? `${buttons.blur ?? 0}px` : defaultBlur.toString()
|
isDefined(buttons?.blur) ? `${buttons.blur ?? 0}px` : 'none'
|
||||||
)
|
)
|
||||||
|
|
||||||
setShadow(
|
setShadow(
|
||||||
@ -537,6 +533,13 @@ const setInputs = (
|
|||||||
|
|
||||||
documentStyle.setProperty(
|
documentStyle.setProperty(
|
||||||
cssVariableNames.chat.inputs.borderOpacity,
|
cssVariableNames.chat.inputs.borderOpacity,
|
||||||
|
isDefined(inputs?.border?.opacity)
|
||||||
|
? inputs.border.opacity.toString()
|
||||||
|
: defaultOpacity.toString()
|
||||||
|
)
|
||||||
|
|
||||||
|
documentStyle.setProperty(
|
||||||
|
cssVariableNames.chat.inputs.opacity,
|
||||||
inputs?.backgroundColor === 'transparent'
|
inputs?.backgroundColor === 'transparent'
|
||||||
? '0'
|
? '0'
|
||||||
: isDefined(inputs?.opacity)
|
: isDefined(inputs?.opacity)
|
||||||
@ -546,7 +549,7 @@ const setInputs = (
|
|||||||
|
|
||||||
documentStyle.setProperty(
|
documentStyle.setProperty(
|
||||||
cssVariableNames.chat.inputs.blur,
|
cssVariableNames.chat.inputs.blur,
|
||||||
isDefined(inputs?.blur) ? `${inputs.blur ?? 0}px` : defaultBlur.toString()
|
isDefined(inputs?.blur) ? `${inputs.blur ?? 0}px` : 'none'
|
||||||
)
|
)
|
||||||
|
|
||||||
setShadow(
|
setShadow(
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@typebot.io/nextjs",
|
"name": "@typebot.io/nextjs",
|
||||||
"version": "0.2.74",
|
"version": "0.2.75",
|
||||||
"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",
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@typebot.io/react",
|
"name": "@typebot.io/react",
|
||||||
"version": "0.2.74",
|
"version": "0.2.75",
|
||||||
"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",
|
||||||
|
Reference in New Issue
Block a user