Update app.py

app.py

@@ -14,6 +14,7 @@ import tempfile
 import gradio as gr
 import openai
 
+
 def get_empty_state():
     return {"knowledge_base": None}
 
@@ -80,33 +81,51 @@ def answer_question(question, state):
         return response
     except:
         return "Please upload Proper Document"
-title = """<br><br><br><div style="text-align: center;max-width: 700px;">
-            <h1><a style="display:inline-block; margin-left: 1em; text-decoration:none; font-weight:bold;" href="https://www.adople.com">ADOPLE AI</a> - Document QA</h1>
-            </p>"""
+
+
 with gr.Blocks(css="style.css",theme=gr.themes.Soft()) as demo:
     state = gr.State(get_empty_state())
+    gr.HTML("""<img class="leftimage" align="left" src="https://lh4.googleusercontent.com/wby8w9nmEC8w03w4H3m8_glMEyp5GBUsMX6osOFRi7NiiogfHKTw0PHhKsdJUBj2N246g5kExR2qfkyLGsVbgVEX6x9SMqsRxP6g89R0cjrgbwcbu7Iyp0-8qRJdNT3I2g=w1280" alt="Image" width="210" height="210">
+    <img class="rightimage" align="right" src="https://www.dmgflooringltd.co.uk/wp-content/uploads/NHS.png" alt="Image" width="210" height="210">""")
     with gr.Column(elem_id="col-container"):
-        gr.HTML(title)
+        gr.HTML(
+            """<hr style="border-top: 5px solid white;">"""
+            )
+        gr.HTML(
+            """<br>
+            <h1 style="text-align:center;">
+               NHS Document QA
+              </h1> """
+        )
+        gr.HTML(
+            """<hr style="border-top: 5px solid white;">"""
+            )
+
         gr.Markdown("**Upload your file**")
         with gr.Row(elem_id="row-flex"):
-            with gr.Column(scale=0.85):
-                file_url = gr.Textbox(
-                      value="",
-                      label="Upload your file",
-                      placeholder="Enter a url",
-                      show_label=False,
-                      visible=True,elem_classes="filenameshow")
-            with gr.Column(scale=0.15, min_width=160):
-                upload_button = gr.UploadButton("Browse File", file_types=[".txt", ".pdf", ".doc", ".docx"],elem_classes="filenameshow")
-        file_output = gr.File(elem_classes="filenameshow")
+            # with gr.Column(scale=0.85):
+            #     file_url = gr.Textbox(
+            #         value="",
+            #         label="Upload your file",
+            #         placeholder="Enter a url",
+            #         show_label=False,
+            #         visible=False
+            #     )
+            with gr.Column(scale=0.90, min_width=160):
+                file_output = gr.File(elem_classes="filenameshow")
+            with gr.Column(scale=0.10, min_width=160):
+                upload_button = gr.UploadButton(
+                    "Browse File", file_types=[".txt", ".pdf", ".doc", ".docx"],
+                    elem_classes="filenameshow")
         with gr.Row():
-            with gr.Column(scale=1, min_width=0):
-                user_question = gr.Textbox(value="",label='Question Box :',show_label=True, placeholder="Ask a question about your file:",elem_classes="spaceH")
+          with gr.Column(scale=1, min_width=0):
+            user_question = gr.Textbox(value="",label='Question Box :',show_label=True, placeholder="Ask a question about your file:",elem_classes="spaceH")
         with gr.Row():
-            with gr.Column(scale=1, min_width=0):
-                answer = gr.Textbox(value="",label='Answer Box :',show_label=True, placeholder="",lines=5)
-    file_url.submit(upload_via_url, file_url, [file_output, state])
+          with gr.Column(scale=1, min_width=0):
+            answer = gr.Textbox(value="",label='Answer Box :',show_label=True, placeholder="",lines=5)
+
+    #file_url.submit(upload_via_url, file_url, [file_output, state])
     upload_button.upload(upload_file, upload_button, [file_output,state])
     user_question.submit(answer_question, [user_question, state], [answer])
 
-demo.launch()
+demo.queue().launch()