test

app.py

@@ -114,16 +114,21 @@ def model_inference(
             yield buffer
 
 
+# CSS = """
+# .contain { display: flex; flex-direction: column; }
+# #component-0 { height: 100%; }
+# #chatbot { flex-grow: 1; height: 600px; }  /* Set height here */
+# """
 
 
-with gr.Blocks(fill_height=True) as demo:
+with gr.Blocks() as demo:
 
     send_btn = gr.Button("Send", variant="primary", render=False)
     textbox = gr.Textbox(show_label=False, placeholder="Enter your text here and press ENTER", render=False, submit_btn="Send")
     # chatbot = gr.Chatbot(type="messages", label="AI", render_markdown=True, sanitize_html=False, allow_tags=True, height=800, container=False, show_share_button=False)
 
     with gr.Row():
-        with gr.Column(scale=4):
+        with gr.Column(scale=0.5):
             # input_type_radio = gr.Radio(choices=["Image", "Video"], value="Image", label="Select Input Type")
             image_input = gr.Image(type="pil", visible=True, sources="upload", show_label=False)
 
@@ -139,18 +144,24 @@ with gr.Blocks(fill_height=True) as demo:
                 inputs=[image_input, textbox],
             )
 
-        with gr.Column(scale=7):
-
-            chat_interface = gr.ChatInterface(fn=model_inference,
-                # title='title', description='description',
-                type="messages",
-                # chatbot=gr.Chatbot(type="messages", label="AI", render_markdown=True, sanitize_html=False, allow_tags=True, height=800, container=False, show_share_button=False),
-                chatbot=gr.Chatbot(type="messages", label="AI", render_markdown=True, sanitize_html=False, allow_tags=True, autoscroll=True, scale=1, container=False, show_share_button=False),
-                textbox=textbox,
-                additional_inputs=image_input,
-                multimodal=False,
-                fill_height=True,
-                )
+        # with gr.Column(scale=7):
+
+        chat_interface = gr.ChatInterface(fn=model_inference,
+            # title='title', description='description',
+            type="messages",
+            chatbot=gr.Chatbot(type="messages", label="AI", render_markdown=True, sanitize_html=False, allow_tags=True, height='40vw', container=False, show_share_button=False),
+            # chatbot=gr.Chatbot(type="messages", label="AI", render_markdown=True, sanitize_html=False, allow_tags=True,  scale=1, show_share_button=False),
+            textbox=textbox,
+            additional_inputs=image_input,
+            multimodal=False,
+            fill_height=False,
+            # css=CSS,
+            )
+        # chat_interface.chatbot.render_markdown=True
+        # chat_interface.chatbot.sanitize_html=False
+        # chat_interface.chatbot.allow_tags=True
+        # chat_interface.chatbot.elem_id="chatbot"
+        
 
         # Clear chat history when an example is selected (keep example-populated inputs intact)
         ex.load_input_event.then(