Update app.py

app.py

@@ -622,6 +622,27 @@ css = """
     50% { transform: scale(1.1); }
     100% { transform: scale(1); }
 }
+#button2 {
+    background-color: "yellow";
+    /* The rest of the CSS is similar to button1 */
+}
+#button2 {
+    background-color: "red";
+    /* The rest of the CSS is similar to button1 */
+}
+#button3 {
+    background-color: "blue";
+    /* The rest of the CSS is similar to button1 */
+}
+#button4 {
+    background-color: "green";
+    /* The rest of the CSS is similar to button1 */
+}
+#button5 {
+    background-color: "purple";
+    /* The rest of the CSS is similar to button1 */
+}
+
 """
 
 def submit_feedback(feedback, chatbot):
@@ -642,11 +663,11 @@ def handle_dislike(data: gr.LikeData):
 with gr.Blocks(css=css) as demo:
     gr.Markdown("<CENTER><h2 style='font-size: 20px; font-family: Calibri;'>NewageNXT GPT</h2></CENTER>")
     with gr.Row():
-        sample_button = gr.Button("What are the details of ASN24080600008", elem_classes="custom-button", style={"background-color": "blue"})
-        sample_button1 = gr.Button("What are the active warehouses", elem_classes="custom-button", style={"background-color": "red"})
-        sample_button2 = gr.Button("Explain Pre-Receiving Yard Management", elem_classes="custom-button", style={"background-color": "purple"})
-        sample_button3 = gr.Button("Can you generate a pie chart with item names and quantities in warehouse WH", elem_classes="custom-button", style={"background-color": "orange"})
-        sample_button4 = gr.Button("I want to analyze item name and quantity in a bar chart in warehouse WH and send email to lakshmivairamani@gmail.com", elem_classes="custom-button", style={"background-color": "yellow"})
+        sample_button = gr.Button("What are the details of ASN24080600008", elem_classes="custom-button" , elem_id="button1")
+        sample_button1 = gr.Button("What are the active warehouses", elem_classes="custom-button", elem_id="button2")
+        sample_button2 = gr.Button("Explain Pre-Receiving Yard Management", elem_classes="custom-button", elem_id="button3")
+        sample_button3 = gr.Button("Can you generate a pie chart with item names and quantities in warehouse WH", elem_classes="custom-button", elem_id="button4")
+        sample_button4 = gr.Button("I want to analyze item name and quantity in a bar chart in warehouse WH and send email to lakshmivairamani@gmail.com", elem_classes="custom-button", elem_id="button5")
 
     with gr.Row():
         chatbot = gr.Chatbot(elem_classes="gr-chatbot",