fixed image+button tgther/theme

app.py

@@ -43,7 +43,19 @@ def get_relevant_context(query, top_k=3):
     context = "\n\n".join([chunks[i] for i in top_k_indices])
     return context
 
-    
+
+custom_theme = gr.themes.Soft(
+    primary_hue="teal",
+    secondary_hue="stone",
+    neutral_hue="gray",
+    spacing_size="lg",
+    radius_size="lg",
+    text_size="lg",
+    font=[gr.themes.GoogleFont("Times New Roman"), "sans-serif"],
+    font_mono=[gr.themes.GoogleFont("Times New Roman"), "monospace"]
+)
+
+
 client = InferenceClient("google/gemma-2-2b-it")
 
 
@@ -81,15 +93,14 @@ def respond(message, history):
           response += token # Add it to the response
           yield response # yield the response:
 
-chatbot = gr.ChatInterface(respond, examples = ["Teach Me About Stocks", "Help Me Budget"], title = "ChaChingas", description = "This is a financial literacy chatbot")
 
-with gr.Blocks() as chatbot:
-  gr.Image(
+    gr.Image(
       value = "Banner.png",
       show_label = False,
       show_share_button= False,
-      show_download_button= False )
-  gr.ChatInterface(respond, type = "messages")
+      show_download_button= False)
+
+    chatbot = gr.ChatInterface(respond, examples = ["Teach Me About Stocks", "Help Me Budget"], title = "ChaChingas", description = "This is a financial literacy chatbot")