Update app.py

app.py

@@ -157,21 +157,21 @@ p {
     color: #5F6F65 !important;
 }
 
-.chat-message {
+.gradio-chat-message {
     border-radius: 10px;
     padding: 10px;
     margin-bottom: 10px;
 }
 
-.chat-message.user {
+.gradio.chat-message.user {
     background-color: #E7F0DC;
 }
 
-.chat-message.bot {
+.gradio.chat-message.bot {
     background-color: #F7EED3;
 }
 
-.chat-message::before {
+.gradio-chat-message::before {
     content: '';
     display: inline-block;
     width: 24px;
@@ -182,16 +182,16 @@ p {
     vertical-align: middle;
 }
 
-.chat-message.user::before {
+.gradio-chat-message.user::before {
     content: '👤';
 }
 
-.chat-message.bot::before {
+.gradio-chat-message.bot::before {
     content: '🤖';
 }
 label {
-        font-size: 18px;  /* Label customizations */
-        color: red;  /* Change color as needed */
+        font-size: 16px;  /* Label customizations */
+        color: blue;  /* Change color as needed */
 }
 #pdf_input, #submit_button_pdf, #chat_input, #chat_output, #audio_output {
         text-align: right;  /* Ensure RTL alignment */
@@ -246,7 +246,7 @@ with gr.Blocks(css=custom_css) as demo:
     submit_button_chat = gr.Button("إرسال", interactive=False)
 
     def handle_file_upload(pdf):
-        output_label.value('')
+        output_label.value=''
         message, is_valid = validate_pdf(pdf)
         color = "red" if not is_valid else "green"
         # Update HTML label instead of Textbox
@@ -254,15 +254,15 @@ with gr.Blocks(css=custom_css) as demo:
         if is_valid:
             # Enable the upload button if the file is valid
             submit_button_pdf.update(interactive=True)
-            output_label.value('')
+            output_label.value=''
         else:
-            output_label.value(f'<span style="color:{color}">{message}</span>')
+            output_label.value=f'<span style="color:{color}">{message}</span>'
 
     def process_pdf_and_enable_components(pdf):
         # Process PDF and activate the other components
-        output_label.value('<span style="color:green">جاري معالجة الملف...</span>')
+        output_label.value='<span style="color:green">جاري معالجة الملف...</span>'
         message, is_valid = upload_pdf(pdf)
-        output_label.value(f'<span style="color:green">{message}</span>')
+        output_label.value=f'<span style="color:green">{message}</span>'
         if is_valid:
             chat_input.update(interactive=True)
             chat_output.update(interactive=True)