startup

app.py

@@ -27,12 +27,15 @@ PRESET_EXAMPLES = [
     "How far apart is the point and line? : 'Point(-109.87549823 38.60574249)' 'LineString(-109.24324628 38.76349931, -109.4821773 38.6875815)'"
 ]
 
-# Overrides the gradient with a solid color
 css_BTN_code = """
-.gradio-container button {
-    background-image: none;
-    background-color: #9333ea;
-    border: none;
+#my-submit-btn {
+    background-color: #ff4500;
+    color: white;
+    font-weight: bold;
+    border-radius: 8px;
+}
+#my-submit-btn:hover {
+    background-color: #e63e00;
 }
 """
 
@@ -66,7 +69,7 @@ def respond(user_message, chat_history):
 
 
 
-with gr.Blocks(title="Text to PostGIS Postgresql via Llama 3.2", theme=gr.themes.Ocean()) as demo:
+with gr.Blocks(title="Text to PostGIS Postgresql via Llama 3.2", theme=gr.themes.Ocean(), css=css_BTN_code) as demo:
     gr.Markdown("# Natural Language to Spatial SQL.\n###  Convert natural language and spatial primitives to PostGIS with Llama 3.2")
     chatbot = gr.Chatbot(
         label="Chat",
@@ -83,7 +86,7 @@ with gr.Blocks(title="Text to PostGIS Postgresql via Llama 3.2", theme=gr.themes
                 container=False
             )
         with gr.Column(scale=1, min_width=100):
-            submit_btn = gr.Button("Submit", variant="primary",css=css_BTN_code)
+            submit_btn = gr.Button("Submit", variant="primary", elem_id="my-submit-btn")
 
     gr.Markdown("### Quick Examples")
     gr.Examples(