Update app.py

app.py

@@ -6,6 +6,18 @@ import time
 from load_llms import model_choices, llm_intro, load_model
 from config import space_hardware
 
+javascript_code = """
+<script>
+    function resizeChatbotColumn() {
+        var windowHeight = window.innerHeight;
+        var colElement = document.getElementById("col");
+        var newHeight = windowHeight * 0.8; // Adjust as needed
+        colElement.style.height = newHeight + "px";
+    }
+    window.onload = resizeChatbotColumn;
+    window.onresize = resizeChatbotColumn;
+</script>
+"""
 
 # Construct chatbot
 def generate_response(model_name, message, chat_history):
@@ -17,10 +29,11 @@ def generate_response(model_name, message, chat_history):
     
 # Create Gradio UI
 with gr.Blocks(
-    css=".contain { display: flex !important; flex-direction: column !important; }"
-    "#chatbot { flex-grow: 1 !important; overflow: auto !important; }"
-    "#col { height: calc(100vh - 112px - 16px) !important; }"
-    "#submit:hover { background-color: green !important; }"
+    css=javascript_code + 
+    ".contain { display: flex !important; flex-direction: column !important; }" + 
+    "#chatbot { flex-grow: 1 !important; overflow: auto !important; }" + 
+    "#col { height: calc(100vh - 112px - 16px) !important; }" +
+    "#submit:hover { background-color: green !important; }" +
     "#clear { background-color: darkred !important; }",
     theme=gr.themes.Soft(font=[gr.themes.GoogleFont("Martel Sans")])                  
 ) as demo: