Update app.py

app.py

@@ -25,8 +25,34 @@ def generate_response(history, user_input, temperature, max_new_tokens):
 def clear_chat():
     return [], ""
 
+# Custom CSS for styling
+custom_css = """
+    #chatbot {
+        height: 400px;
+        overflow-y: auto;
+        border: 1px solid #ccc;
+        padding: 10px;
+        border-radius: 5px;
+    }
+    .gr-button {
+        margin-top: 10px;
+        padding: 10px 20px;
+        font-size: 16px;
+        border-radius: 5px;
+    }
+    .gr-textbox {
+        margin-top: 10px;
+        padding: 10px;
+        font-size: 16px;
+        border-radius: 5px;
+    }
+    .gr-slider {
+        margin-top: 20px;
+    }
+"""
+
 # Create the Gradio interface
-with gr.Blocks() as demo:
+with gr.Blocks(css=custom_css) as demo:
     gr.Markdown("## Cotype-Nano Text Generation Chat")
 
     chatbot = gr.Chatbot([], elem_id="chatbot", type='messages')