Update app.py

app.py

@@ -96,7 +96,6 @@ def predict(message, history):
     response = handle_query(message)
     response_with_logo = f'<div class="response-with-logo">{logo_html}<div class="response-text">{response}</div></div>'
     return response_with_logo
-"""
 # Custom CSS for styling
 css = '''
   .gradio-container {
@@ -106,10 +105,7 @@ css = '''
     max-width: 450px;
     margin: 0 auto;
     padding: 20px;
-    border: 1px solid #ddd;
-    border-radius: 10px;
     background-color: #fff;
-    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
     height: 100%;
     max-height: 600px;
   }
@@ -141,8 +137,6 @@ css = '''
     vertical-align: middle;
     font-size: 16px;
     background-color: #fff;
-    border: 1px solid #ced4da;
-    border-radius: 15px 15px 15px 0;
     padding: 10px;
     max-width: 80%;
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
@@ -151,9 +145,7 @@ css = '''
     flex: 1;
     overflow-y: auto;
     padding: 15px;
-    border-bottom: 1px solid #ddd;
     background-color: #f9f9f9;
-    border-radius: 5px;
     margin-bottom: 10px;
     max-height: 500px;
   }
@@ -165,8 +157,6 @@ css = '''
   .gradio-message.user .gradio-message-content {
     background-color: #E1FFC7;
     align-self: flex-end;
-    border: 1px solid #c3e6cb;
-    border-radius: 15px 15px 0 15px;
     padding: 10px;
     font-size: 16px;
     margin-bottom: 5px;
@@ -175,8 +165,6 @@ css = '''
   .gradio-message.bot .gradio-message-content {
     background-color: #fff;
     align-self: flex-start;
-    border: 1px solid #ced4da;
-    border-radius: 15px 15px 15px 0;
     padding: 10px;
     font-size: 16px;
     margin-bottom: 5px;
@@ -199,6 +187,7 @@ css = '''
     content: none;
   }
 '''
+"""
 
 logo_html = '''
 <div class="gradio-logo">
@@ -217,6 +206,7 @@ demo.launch()
 """
 gr.ChatInterface(predict,
                  title="FernAi_chatBot",
+                 css=css,
                  description="Ask any Redfernstech any questions",
                  clear_btn=None, undo_btn=None, retry_btn=None,
                  examples=['Tell me about Redfernstech?', 'Services in Redfernstech?']