full height

app.py

@@ -131,8 +131,21 @@ custom_theme = gr.themes.Soft(
     block_title_text_weight="600",
 )
 
+# Custom CSS to force full height
+css = """
+.gradio-container {
+    height: 100vh !important;
+}
+#main-row {
+    height: calc(100vh - 120px) !important;
+}
+#chat-col {
+    height: 100% !important;
+}
+"""
+
 # Build the Gradio interface
-with gr.Blocks(theme=custom_theme, fill_height=True) as demo:
+with gr.Blocks(theme=custom_theme, css=css, fill_height=True) as demo:
     gr.Markdown(
         """
         # 🤖 Smol LLM Chat
@@ -141,7 +154,7 @@ with gr.Blocks(theme=custom_theme, fill_height=True) as demo:
         """
     )
     
-    with gr.Row():
+    with gr.Row(elem_id="main-row"):
         with gr.Column(scale=1, min_width=200):
             with gr.Accordion("⚙️ Parameters", open=False):
                 max_tokens = gr.Slider(
@@ -178,7 +191,7 @@ with gr.Blocks(theme=custom_theme, fill_height=True) as demo:
                     lines=2
                 )
 
-        with gr.Column(scale=4):
+        with gr.Column(scale=4, elem_id="chat-col"):
             # Chat Interface
             chat_interface = gr.ChatInterface(
                 fn=chat_predict,