Upload app.py

app.py

@@ -154,6 +154,12 @@ custom_css = """
     border-radius: 10px !important;
     margin: 0 !important;
 }
+.input-background textarea {
+    font-size: 18px !important;
+    background-color: #ffffff;
+    border: 1px solid #f0f8ff;
+    border-radius: 8px;
+}
 .api-background {
     background-color: #FFCFB3 !important;
     padding: 10px !important;
@@ -162,6 +168,14 @@ custom_css = """
 }
 .custom-button {
     border-radius: 10px !important;
+    background-color: #333333 !important;
+    color: white !important;
+    font-weight: bold !important;
+    transition: all 0.3s ease !important;
+}
+.custom-button {
+    background-color: #000000 !important;
+    transform: scale(1.05);
 }
 .pink-bg {
     background-color: #ff4081 !important;
@@ -189,12 +203,6 @@ custom_css = """
 
 with gr.Blocks(theme=gr.themes.Monochrome(), css=custom_css) as demo:
     gr.Markdown("# 👹 Multi-Chain Reasoning using Llama-3.1-405B-Instruct. Deployed by 江信宗", elem_classes="center-aligned")
-
-    with gr.Row():
-        model = gr.Dropdown(choices=MODELS, label="選擇模型", value=MODELS[0], elem_classes="input-background")
-        thinking_budget = gr.Slider(minimum=1, maximum=100, value=20, step=1, label="思維規劃", info="模型所能進行的最大思考次數", elem_classes="input-background")
-        api_key = gr.Textbox(label="API Key", type="password", placeholder="API authentication key for large language models", elem_classes="api-background")
-
     chatbot = gr.Chatbot(
         label="Chat",
         show_label=False,
@@ -207,7 +215,11 @@ with gr.Blocks(theme=gr.themes.Monochrome(), css=custom_css) as demo:
         elem_classes=["user-message", "assistant-message"],
         container=True
     )
-    msg = gr.Textbox(label="請輸入您的問題：", placeholder="輸入完成後直接按 Enter 開始執行......", elem_classes="pink-bg", max_lines=10)
+    msg = gr.Textbox(label="請輸入您的問題：", placeholder="輸入完成後直接按 Enter 開始執行......", autofocus=True, max_lines=10, elem_classes="pink-bg")
+    with gr.Row():
+        model = gr.Dropdown(choices=MODELS, label="選擇模型", value=MODELS[0], elem_classes="input-background")
+        thinking_budget = gr.Slider(minimum=1, maximum=100, value=20, step=1, label="思維規劃", info="模型所能進行的最大思考次數", elem_classes="input-background")
+        api_key = gr.Textbox(label="API Key", type="password", placeholder="API authentication key for large language models", elem_classes="api-background")
     clear_button = gr.Button("清除聊天記錄", elem_classes="custom-button")
     clear_button.click(
         lambda: ([], "", gr.Info("已成功清除聊天記錄，請繼續提問......")),
@@ -223,4 +235,4 @@ if __name__ == "__main__":
     if "SPACE_ID" in os.environ:
         demo.launch()
     else:
-        demo.launch(share=True, show_api=False)
+        demo.launch(share=True, show_api=False)