Update app.py

app.py

@@ -1,65 +1,46 @@
 import gradio as gr
 
 def responder(message, history):
-    return f"Tu disseste: {message}"
-
-theme = gr.themes.Soft(
-    primary_hue="blue",
-    secondary_hue="slate",
-    neutral_hue="slate"
-).set(
-    body_background_fill="#0f172a",
-    body_text_color="#f8fafc",
-    block_background_fill="#111827",
-    block_border_color="#1f2937",
-    button_primary_background_fill="#2563eb",
-    button_primary_background_fill_hover="#1d4ed8",
-    input_background_fill="#0b1220"
-)
+    history = history or []
+    history.append((message, f"Tu disseste: {message}"))
+    return "", history
 
 custom_css = """
-#title-box {
-    text-align: center;
-    padding: 30px 10px 10px 10px;
-}
-#title-box h1 {
-    font-size: 2.4rem;
-    margin-bottom: 8px;
+.gradio-container {
+    max-width: 1000px !important;
+    margin: 0 auto !important;
+    padding-top: 20px !important;
 }
-#title-box p {
-    color: #cbd5e1;
-    font-size: 1rem;
+
+#chatbox {
+    height: 500px !important;
+    overflow-y: auto !important;
 }
-#chat-wrap {
-    max-width: 950px;
-    margin: 0 auto;
-    padding-bottom: 30px;
+
+footer {
+    display: none !important;
 }
-footer {display: none !important;}
 """
 
-with gr.Blocks(fill_height=True) as demo:
-    gr.HTML("""
-        <div id="title-box">
-            <h1>🤖 Meu Chatbot</h1>
-            <p>Teste simples para confirmar que o bot responde.</p>
-        </div>
-    """)
+with gr.Blocks(css=custom_css) as demo:
+    gr.Markdown("# 🤖 Meu Chatbot")
+    gr.Markdown("Versão com altura fixa para o chat, para a textbox não descer.")
 
-    with gr.Column(elem_id="chat-wrap"):
-        gr.ChatInterface(
-            fn=responder,
-            examples=[
-                "Olá",
-                "Como estás?",
-                "Explica-me o que é Gradio"
-            ]
+    chatbot = gr.Chatbot(elem_id="chatbox")
+    
+    with gr.Row():
+        msg = gr.Textbox(
+            placeholder="Escreve aqui a tua mensagem...",
+            show_label=False,
+            scale=8
         )
+        send = gr.Button("Enviar", scale=1)
+
+    clear = gr.Button("Nova conversa")
+
+    send.click(responder, inputs=[msg, chatbot], outputs=[msg, chatbot])
+    msg.submit(responder, inputs=[msg, chatbot], outputs=[msg, chatbot])
+    clear.click(lambda: ([], ""), outputs=[chatbot, msg])
 
 if __name__ == "__main__":
-    demo.launch(
-        server_name="0.0.0.0",
-        server_port=7860,
-        theme=theme,
-        css=custom_css
-    )
+    demo.launch(server_name="0.0.0.0", server_port=7860)