Update app.py (#1)

- Update app.py (43e4b58e12e2bf086a0608e38f1b4baf077d1aaa)


Co-authored-by: alexa t <[email protected]>

app.py

@@ -163,27 +163,53 @@ def question_answer(url, file, question):
 
 recommender = SemanticSearch()
 
+css = """ 
+        .gradio-container {
+            background-image: linear-gradient(#d7d7d7, #f2f2f2);
+            padding: 0;
+            
+        }
+        .app.svelte-p7tiy3.svelte-p7tiy3 {
+            padding: 10;
+        }
+        .padded.svelte-faijhx {
+            padding: 30px 0 30px 0;
+            background-color: transparent;
+        }
+        #markdown-or{
+            background-color: transparent;
+        }
+        
+        :root,.gradio-container-3-20-1 :host {
+          --color-border-primary:transparent;
+        }
+        #submit_button{
+            background-color: #fff;
+            font-weight: bold;
+            box-shadow: 5px 10px 18px #fff;
+        }
+"""
+
 title = 'AI Pdf 歸納器'
 #description = """ KrystalPDF AI allows you to chat with your PDF file. It gives hallucination free response than other tools. The returned response can even cite the page number in square brackets([]) where the information is located, adding credibility to the responses and helping to locate pertinent information quickly."""
 
-with gr.Blocks() as demo:
+with gr.Blocks(css=css) as demo:
 
     #gr.Markdown(f'<center><h1>{title}</h1></center>')
     #gr.Markdown(description)
 
-    with gr.Row():
+    with gr.Row(css=css):
         
-        with gr.Group():
+        with gr.Group(css=css):
             #gr.Markdown(f'<p style="text-align:center">Get your Open AI API key <a href="https://platform.openai.com/account/api-keys">here</a></p>')
             #openAI_key=gr.Textbox(label='Enter your OpenAI API key here')
             url = gr.Textbox(label='在此處輸入 PDF 網址')
-            gr.Markdown("<center><h4>或<h4></center>")
+            gr.Markdown("<center>或</center>", elem_id="markdown-or")
             file = gr.File(label='在此處上傳您的 PDF/研究論文/書籍', file_types=['.pdf'])
-            question = gr.Textbox(label='在這裡輸入您的問題')
-            btn = gr.Button(value='提交')
+            question = gr.Textbox(label='在這裡輸入您的問題', elem_id="question")
+            btn = gr.Button(value='提交', elem_id="submit_button")
             btn.style(full_width=True)
 
-        with gr.Group():
             answer = gr.Textbox(label='你的提問的答案是：')
 
         #openAI_key=api_key