Update app.py

app.py

@@ -30,27 +30,32 @@ def respond(message, history, system_message, max_tokens, temperature, top_p):
 
 # ChatGPT-style UI with modern styling
 css = """
+    body {
+        background-color: #121212;
+        color: white;
+        font-family: Arial, sans-serif;
+    }
     .gradio-container {
         max-width: 900px;
         margin: auto;
-        background-color: #121212;
-        color: white;
+        padding: 20px;
     }
     .chat-container {
         display: flex;
         flex-direction: column;
-        height: 85vh;
-        overflow: hidden;
+        height: 80vh;
+        overflow-y: auto;
         padding: 20px;
         border-radius: 10px;
         background: #1E1E1E;
     }
     .chat-message {
         max-width: 75%;
-        padding: 10px;
-        margin-bottom: 10px;
+        padding: 12px 16px;
+        margin: 8px 0;
         border-radius: 10px;
         font-size: 16px;
+        display: inline-block;
     }
     .user-message {
         background-color: #007AFF;
@@ -66,39 +71,28 @@ css = """
         border: none;
         color: white;
         border-radius: 8px;
-        padding: 10px;
+        padding: 12px;
         font-size: 16px;
+        width: 100%;
+    }
+    .controls {
+        display: flex;
+        justify-content: center;
+        gap: 10px;
+        margin-top: 10px;
     }
 """
 
 with gr.Blocks(css=css) as demo:
     gr.Markdown("""
     <h1 style='text-align: center; color: #FFFFFF;'>💬 AI Chat Assistant</h1>
-    <p style='text-align: center;'>A sleek and interactive chatbot experience.</p>
+    <p style='text-align: center;'>A sleek, modern chatbot experience.</p>
     """)
     
-    with gr.Row():
-        system_message = gr.Textbox(
-            value="You are a helpful and intelligent assistant.",
-            label="System Message",
-            interactive=True,
-            show_label=False,
-        )
-    
-    with gr.Row():
-        max_tokens = gr.Slider(
-            minimum=1, maximum=2048, value=512, step=1, label="Max Tokens"
-        )
-        temperature = gr.Slider(
-            minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"
-        )
-        top_p = gr.Slider(
-            minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-p"
-        )
-    
     chatbot = gr.ChatInterface(
         respond,
-        additional_inputs=[system_message, max_tokens, temperature, top_p]
+        additional_inputs=[],
+        textbox=gr.Textbox(placeholder="Type a message...", lines=1, interactive=True, elem_classes="input-box"),
     )
 
 demo.launch()