I want to set the width of chatInterface in gradio to half the size of the browser, but I don't know how the CSS property here should be set

🔒 Gradio
1

I want to set the width of chatInterface in gradio to half the size of the browser, but I don’t know how the CSS property should be set here, how to set the CSS selector in this CSS to select the chatbotInterface component

2

Hi @wanghang I think the simplest way to do this might be to create a larger gr.Blocks() and then put the gr.ChatInterface() inside of it. Something like this:

with gr.Blocks() as demo:
  with gr.Column(scale=1):
     gr.ChatInterface(...)
  with gr.Column(scale=1):
     pass

demo.launch()