baptisteArno / typebot.io

💬 Typebot is a powerful chatbot builder that you can self-host.
https://typebot.io
Other
7.61k stars 2.11k forks source link

The width of the chat bubble cannot be set larger #1668

Closed ZimaBlueee closed 3 months ago

ZimaBlueee commented 3 months ago

Hi,

As shown in the attached image, I've integrated Typebot into my project using HTML and JavaScript in bubble form. However, I've noticed that the width of the chat bubble cannot be set larger.

I adjusted the width in CSS, but found that the maximum width has an upper limit, and I can't break this limit. No matter how large the width is, it is still the default value.

<style>
typebot-bubble::part(bot) {
  width: 9000px;
}
</style>

How can I configure this?

图片

Here is the code I used to integrate Typebot into my project:

图片

thanks!

ZimaBlueee commented 3 months ago

The height cannot be adjusted any higher

baptisteArno commented 3 months ago

Here is an example:

<script type="module">
  import Typebot from 'https://cdn.jsdelivr.net/npm/@typebot.io/js@0.3/dist/web.js'

  Typebot.initBubble({
    typebot: 'my-typebot',
    theme: {
      chatWindow: { maxWidth: '500px', maxHeight: '600px' },
    },
  })
</script>