Update app.py

app.py

@@ -62,14 +62,26 @@ def chat(input, chat_history, top_k, top_p, temp):
 
 
 ######################### Gradio Code ##########################
-block = gr.Blocks()
+# background-image: url('https://cdn.shoplightspeed.com/shops/631940/files/45845092/800x800x3/apple-apple-macpro-trashcan-12-core-27ghz-64gb-1tb.jpg');
+block = gr.Blocks(css="""
+    .chatbox {
+        background-image: url('https://cdn.shoplightspeed.com/shops/631940/files/45845092/800x800x3/apple-apple-macpro-trashcan-12-core-27ghz-64gb-1tb.jpg');
+        background-size: contain;  /* Ensure the image fits the height */
+        background-repeat: no-repeat;
+        background-position: center;
+        height: 100%;  /* Make the chatbox fill the available height */
+    }
+""")
+
+
 
 with block:
 
     gr.Markdown("""<h1><center> Trashcan AI </center></h1>""")
     gr.Markdown("""<h3><center> LLama3.1 hosted on a 2013 "Trashcan" Mac Pro with ollama </center></h3>""")
 
-    chatbot = gr.Chatbot()
+    # Add a custom class 'chatbox' to apply the background image
+    chatbot = gr.Chatbot(elem_classes="chatbox")
     message = gr.Textbox(placeholder="Type here")
 
     state = gr.State()