Upload app.py

app.py

@@ -109,6 +109,12 @@ custom_css = """
     padding: 15px !important;
     border-radius: 10px !important;
 }
+.input-background textarea {
+    font-size: 18px !important;
+    background-color: #ffffff;
+    border: 1px solid #f0f8ff;
+    border-radius: 8px;
+}
 .gr-box {
     border-radius: 10px !important;
     border: 2px solid #ff4081 !important;
@@ -123,6 +129,12 @@ custom_css = """
     padding: 15px !important;
     border-radius: 10px !important;
 }
+.output-background textarea {
+    font-size: 18px !important;
+    background-color: #ffffff;
+    border: 1px solid #f0f8ff;
+    border-radius: 8px;
+}
 .image-background {
     border-radius: 10px !important;
     border: 2px solid #B7E0FF !important;
@@ -146,7 +158,7 @@ with gr.Blocks(theme=gr.themes.Monochrome(), css=custom_css) as demo:
     with gr.Row():
         question_input = gr.Textbox(label="請輸入您的問題", placeholder="例如：What is in this image?", scale=2, elem_classes="input-background")
         api_key_input = gr.Textbox(type="password", label="請輸入您的 API Key", placeholder="API authentication key for large language models", scale=1, elem_classes="api-background")
-    output = gr.Textbox(label="Vision Model 回覆", elem_classes="output-background", max_lines=20)
+    output = gr.Textbox(label="Vision Model 回覆", interactive=False, max_lines=20, elem_classes="output-background")
     with gr.Row():
         submit_button = gr.Button("傳送", variant="primary", scale=2, elem_classes="gen-button")
         clear_button = gr.Button("清除", variant="secondary", scale=1, elem_classes="clear-button")