Update app.py

app.py

@@ -9,6 +9,17 @@ import json
 import groq
 import os
 
+custom_css = """
+#md {
+    height: 400px;  
+    font-size: 30px;
+    background: #202020;
+    padding: 20px;
+    color: white;
+    border: 1 px solid white;
+}
+"""
+
 api_key = os.getenv('groq')
 client = groq.Client(api_key=api_key)
 
@@ -88,14 +99,20 @@ def process_ort(ort):
     #df = pd.DataFrame(data_dict)
     #return df      
     return vereine
-    
-demo = gr.Interface(
-    fn=process_ort,   
-    inputs=gr.Textbox(lines=1, placeholder="Geben Sie Ihre Suchanfrage ein..."),
-    #outputs=gr.JSON(label="# Ausgabe"),
-    outputs="text",    
-    title="# google websearch",
-    description="Geben Sie eine Suchanfrage ein..."
-)
 
-demo.launch()
+
+# Create the Gradio interface
+with gr.Blocks(css=custom_css) as demo:
+    with gr.Row():
+        details_output = gr.Markdown(label="answer", elem_id="md")        
+        #details_output = gr.Textbox(label="Ausgabe", value = f"\n\n\n\n")  
+    with gr.Row():
+        ort_input = gr.Textbox(label="prompt", placeholder="ask anything...")      
+    with gr.Row():         
+        button = gr.Button("Senden")    
+
+    # Connect the button to the function
+    button.click(fn=process_ort, inputs=ort_input, outputs=details_output)   
+
+# Launch the Gradio application
+demo.launch()