Update app.py

app.py

@@ -202,24 +202,18 @@ def _launch_demo(args, model, tokenizer):
 Qwen-VL-Chat <a href="https://modelscope.cn/models/qwen/Qwen-VL-Chat/summary">🤖 </a> | 
 <a href="https://huggingface.co/Qwen/Qwen-VL-Chat">🤗</a>&nbsp ｜ 
 &nbsp<a href="https://github.com/QwenLM/Qwen-VL">Github</a></center>""")
-
-        chatbot = gr.Chatbot(label='Qwen-VL-Chat')
-        query = gr.Textbox(lines=2, label='Input')
-        task_history = gr.State([])
-
         with gr.Row():
-            addfile_btn = gr.UploadButton("📁 Upload (上传文件)", file_types=["image"])
-            submit_btn = gr.Button("🚀 Submit (发送)")
-            regen_btn = gr.Button("🤔️ Regenerate (重试)")
-            empty_bin = gr.Button("🧹 Clear History (清除历史)")
-
-        submit_btn.click(add_text, [chatbot, task_history, query], [chatbot, task_history]).then(
-            predict, [chatbot, task_history], [chatbot], show_progress=True
-        )
-        submit_btn.click(reset_user_input, [], [query])
-        empty_bin.click(reset_state, [task_history], [chatbot], show_progress=True)
-        regen_btn.click(regenerate, [chatbot, task_history], [chatbot], show_progress=True)
-        addfile_btn.upload(add_file, [chatbot, task_history, addfile_btn], [chatbot, task_history], show_progress=True)
+            with gr.Column(scale=1):
+                chatbot = gr.Chatbot(label='Qwen-VL-Chat', interactive=True, max_messages=20)
+            with gr.Column(scale=1):
+                with gr.Row():
+                    query = gr.Textbox(lines=2, label='Input', placeholder="Type your message here...")
+                    submit_btn = gr.Button("🚀 Submit")
+                with gr.Row():
+                    addfile_btn = gr.UploadButton("📁 Upload Image", file_types=["image"])
+                    regen_btn = gr.Button("🤔️ Regenerate")
+                    empty_bin = gr.Button("🧹 Clear History")
+                task_history = gr.State([])
 
         gr.Markdown("""\
 <font size=2>Note: This demo is governed by the original license of Qwen-VL. \
@@ -228,6 +222,16 @@ including hate speech, violence, pornography, deception, etc. \
 (注：本演示受Qwen-VL的许可协议限制。我们强烈建议，用户不应传播及不应允许他人传播以下内容，\
 包括但不限于仇恨言论、暴力、色情、欺诈相关的有害信息。)""")
 
+        demo.style(
+            '''
+            <style>
+                .gr-button { margin: 5px; }
+                .gr-textbox { margin-bottom: 10px; }
+                .gr-chatbot { height: 500px; }
+            </style>
+            '''
+        )
+
     demo.queue().launch(
         share=args.share,
         inbrowser=args.inbrowser,