Update app.py

app.py

@@ -613,120 +613,83 @@ def handle_dislike(data: gr.LikeData):
 
 def update_message(request: gr.Request):
     return f"<h4 style='font-size: 22px; font-family: Calibri;'>Welcome, {request.username}</h4>"
-custom_css = """
-/* Include the CSS defined above */
-.gradio-button {
-    background-color: #6366f1 !important;
-    color: white !important;
-    border-radius: 10px !important;
-    padding: 10px 20px !important;
-    font-size: 16px !important;
-    border: none !important;
-    text-align: center;
-}
 
-.gradio-button:hover {
-    background-color: #4f46e5 !important;
-    cursor: pointer !important;
-}
-.gradio-input, .gradio-markdown {
-    font-family: 'Arial', sans-serif;
-    border-radius: 10px;
-    padding: 10px;
-    border: 1px solid #ddd;
-    margin-bottom: 20px;
+# CSS for styling the buttons and other elements
+css = """
+/* Example of custom button styling */
+.gr-button {
+    background-color: #4A90E2; /* Change to your desired button color */
+    color: white;
+    border-radius: 8px; /* Make the corners rounded */
+    border: none;
+    padding: 10px 20px;
+    font-size: 16px;
+    cursor: pointer;
 }
 
-.gradio-markdown {
-    background-color: #f7f7f7;
+.gr-button:hover {
+    background-color: #357ABD; /* Darker shade on hover */
 }
 
-.gradio-row {
-    justify-content: space-between;
+/* Customizing the Logout link to be on the right */
+.logout-link {
+    text-align: right;
+    display: inline-block;
+    width: 100%;
 }
 
-.gradio-column {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
+.logout-link a {
+    color: #4A90E2; /* Link color */
+    text-decoration: none;
+    font-size: 16px;
 }
-.logout-button {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    background: none;
-    border: none;
-    color: #6366f1;
-    font-size: 14px;
-    text-decoration: underline;
-    cursor: pointer;
+
+.logout-link a:hover {
+    text-decoration: underline; /* Underline on hover */
 }
-"""    
-with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
+"""
+
+with gr.Blocks(css=css, theme=gr.themes.Soft()) as demo:
     gr.Markdown("<CENTER><h1 style='font-size: 22px; font-family: Calibri;'>RedMind GPT</h1></CENTER>")
-    m=gr.Markdown()
+    m = gr.Markdown()
     demo.load(update_message, None, m)
-    logout_button = gr.Button("Logout", link="/logout", elem_id="logout-button")
+    
+    # Logout link styled as text link in the right corner
+    gr.Markdown("<div class='logout-link'><a href='/logout'>Logout</a></div>")
+    
     with gr.Row():
-        sample_button = gr.Button("What is the expected receiving date and the status of ASN24081900001",elem_id="gradio-button")
+        sample_button = gr.Button("What is the expected receiving date and the status of ASN24081900001")
         sample_button1 = gr.Button("What are the active warehouses available")
         sample_button2 = gr.Button("Explain Pre-Receiving Yard Management")
         sample_button3 = gr.Button("Can you generate a pie chart with item names and quantities in warehouse WH")
-        sample_button4 = gr.Button("I want to analyze item name and quantity for different custmers in a stacked bar chart for the warehouse WH", visible=False)
+        sample_button4 = gr.Button("I want to analyze item name and quantity for different customers in a stacked bar chart for the warehouse WH", visible=False)
 
     with gr.Row():
-        chatbot = gr.Chatbot(
-                         label="Ask a question about the API, Database, a Document or Warehouse inventory analysis.")  # .style(color_map=["blue","grey","red"])
-
+        chatbot = gr.Chatbot(label="Ask a question about the API, Database, a Document or Warehouse inventory analysis.")
 
     with gr.Row():
         with gr.Column(scale=2):
             message = gr.Textbox(show_label=False, container=False, placeholder="Please enter your question")
             with gr.Row():
-                feedback_textbox = gr.Textbox(visible=False, show_label=False,container=False, placeholder = "Please enter your feedback.")
+                feedback_textbox = gr.Textbox(visible=False, show_label=False, container=False, placeholder="Please enter your feedback.")
                 submit_feedback_button = gr.Button("Submit Feedback", visible=False)
         with gr.Column(scale=1):
             with gr.Row():
-                #audio_input = gr.Audio(sources=["microphone"], show_label=False, container=False,
-                                #       waveform_options=gr.WaveformOptions(show_controls=False))
-                button = gr.Button("Submit",elem_id="submit")
-                #gr.ClearButton(message, elem_classes="gr-button", elem_id="clear")
+                button = gr.Button("Submit", elem_id="submit")
 
-    #button.click(answer_question, [message, chatbot, audio_input], [chatbot])
     button.click(answer_question, [message, chatbot], [chatbot])
-
     message.submit(answer_question, [message, chatbot], [chatbot])
-    #message.submit(answer_question, [message, chatbot, audio_input], [chatbot])
     message.submit(lambda x: gr.update(value=""), None, [message], queue=False)
     button.click(lambda x: gr.update(value=''), [], [message])
 
     chatbot.like(handle_dislike, None, outputs=[feedback_textbox, submit_feedback_button])
-    submit_feedback_button.click(submit_feedback, [feedback_textbox, chatbot],
-                                 [chatbot, feedback_textbox, submit_feedback_button])
+    submit_feedback_button.click(submit_feedback, [feedback_textbox, chatbot], [chatbot, feedback_textbox, submit_feedback_button])
     submit_feedback_button.click(lambda x: gr.update(value=''), [], [feedback_textbox])
 
-    """sample_button.click(
-        answer_question,[sample_button, chatbot, audio_input], [chatbot])
-    sample_button1.click(
-        answer_question, [sample_button1, chatbot, audio_input], [chatbot])
-    sample_button2.click(
-        answer_question, [sample_button2, chatbot, audio_input], [chatbot])
-    sample_button3.click(
-        answer_question, [sample_button3, chatbot, audio_input], [chatbot])
-    sample_button4.click(
-        answer_question, [sample_button4, chatbot, audio_input], [chatbot])"""
-    sample_button.click(
-        answer_question,[sample_button, chatbot], [chatbot])
-    sample_button1.click(
-        answer_question, [sample_button1, chatbot], [chatbot])
-    sample_button2.click(
-        answer_question, [sample_button2, chatbot], [chatbot])
-    sample_button3.click(
-        answer_question, [sample_button3, chatbot], [chatbot])
-    sample_button4.click(
-        answer_question, [sample_button4, chatbot], [chatbot])
-
-
-
+    sample_button.click(answer_question, [sample_button, chatbot], [chatbot])
+    sample_button1.click(answer_question, [sample_button1, chatbot], [chatbot])
+    sample_button2.click(answer_question, [sample_button2, chatbot], [chatbot])
+    sample_button3.click(answer_question, [sample_button3, chatbot], [chatbot])
+    sample_button4.click(answer_question, [sample_button4, chatbot], [chatbot])
 
 demo.launch(auth=[("lakshmi", "redmind"), ("arun", "redmind")])