Update app.py

app.py

@@ -87,20 +87,7 @@ def bot_streaming(message, history, together_api_key, max_new_tokens=250, temper
         else:
             yield f"An error occurred: {str(e)}"
 
-css = """
-#chatbot-container {
-    height: calc(100vh - 230px);
-    overflow-y: auto;
-}
-#chatbot-textbox {
-    position: fixed;
-    bottom: 20px;
-    left: 20px;
-    right: 20px;
-}
-"""
-
-with gr.Blocks(css=css) as demo:
+with gr.Blocks() as demo:
     gr.Markdown("# Meta Llama-3.2-11B-Vision-Instruct (FREE)")
     gr.Markdown("Try the new Llama 3.2 11B Vision API by Meta for free through Together AI. Upload an image, and start chatting about it. Just paste in your Together AI API key and get started!")
     
@@ -127,16 +114,12 @@ with gr.Blocks(css=css) as demo:
             label="Temperature"
         )
     
-    with gr.Column(elem_id="chatbot-container"):
-        chatbot = gr.ChatInterface(
-            fn=bot_streaming,
-            textbox=gr.MultimodalTextbox(elem_id="chatbot-textbox"),
-            additional_inputs=[together_api_key, max_new_tokens, temperature],
-            cache_examples=False,
-            stop_btn="Stop Generation",
-            fill_height=True,
-            multimodal=True
-        )
+    chatbot = gr.Chatbot()
+    msg = gr.MultimodalTextbox(label="Enter text or upload an image")
+    clear = gr.Button("Clear")
+
+    msg.submit(bot_streaming, [msg, chatbot, together_api_key, max_new_tokens, temperature], chatbot)
+    clear.click(lambda: None, None, chatbot, queue=False)
 
 if __name__ == "__main__":
     demo.launch(debug=True)