bugfix: fix minor bugs

app.py

@@ -98,7 +98,7 @@ with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo:
     completion_reward = gr.State(init_reward)
     player_activity_tracker = gr.State(create_new_player_activity)
 
-    with gr.Tab("個人化戰報"):
+    with gr.Tab("個人化戰報", elem_id="personal_report"):
         with gr.Row():
             with gr.Column(
                 scale=1,
@@ -178,10 +178,10 @@ with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo:
             pull_newest_player_data = gr.Textbox("", visible=False)
             update_status = gr.Textbox("", visible=False)
 
-    with gr.Tab("完賽獎勵"):
+    with gr.Tab("完賽獎勵", elem_id="completion_reward"):
         with gr.Row():
             start_make_reward = gr.Button(
-                "開始製作完賽獎勵！", visible=True, elem_id="start_make_reward"
+                "開始製作完賽獎勵！", visible=False, elem_id="start_make_reward"
             )
 
         with gr.Row():
@@ -296,10 +296,10 @@ with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo:
             )
 
         with gr.Row():
-            bot1 = gr.Chatbot(visible=False)
-            bot2 = gr.Chatbot(visible=False)
-            bot3 = gr.Chatbot(visible=False)
-            bot4 = gr.Chatbot(visible=False)
+            bot1 = gr.Chatbot(visible=False, elem_id="bot1")
+            bot2 = gr.Chatbot(visible=False, elem_id="bot2")
+            bot3 = gr.Chatbot(visible=False, elem_id="bot3")
+            bot4 = gr.Chatbot(visible=False, elem_id="bot4")
 
         with gr.Row():
             select_story = gr.Radio(
@@ -336,14 +336,16 @@ with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo:
         fn=render_finished,
         inputs=[player_activity_tracker, player_info],
         outputs=None,
+        queue=False,
     )
 
-    player_info_query_btn.click(get_player_info, player_backend_id, player_info).then(
-        get_player_logs, player_backend_id, player_logs
-    ).then(
+    player_info_query_btn.click(get_player_info, player_backend_id, player_info, queue=False).then(
+        get_player_logs, player_backend_id, player_logs, queue=False
+    ).then(lambda: gr.update(visible=True), None, start_make_reward, queue=False).then(
         render_player_data,
         player_info,
         [avatar, pet_gallery, badge_gallery, adventure_log, achievements, adventure],
+        queue=False,
     ).then(
         **send_player_login_info
     )

css/style.css

@@ -1,3 +1,13 @@
+#personal_report {
+    font-size: 1.5rem !important;
+    padding: 1.5vh !important;
+}
+
+#completion_reward {
+    font-size: 1.5rem !important;
+    padding: 1.5vh !important;
+}
+
 #player_avatar_container{
     place-items: center !important;
 }
@@ -337,8 +347,23 @@ input[type="range"]::-ms-track {
     border-radius: 8px !important;
 }
 
-.message {
-    background: rgba(0,0,0,0.05) !important;
+.bot1 .message {
+    background: rgba(255,255,255,0.4) !important;
+    border: None !important;
+}
+
+.bot2 .message {
+    background: rgba(252, 208, 28, 0.4) !important;
+    border: None !important;
+}
+
+.bot3 .message {
+    background: rgba(99, 162, 98, 0.4) !important;
+    border: None !important;
+}
+
+.bot4 .message {
+    background: rgba(66, 130, 227, 0.4) !important;
     border: None !important;
 }
 
@@ -355,7 +380,7 @@ input[type="range"]::-ms-track {
     margin: 1vh 1vw 1vh 1vw;
 }
 
-.code_wrap prep {
+.code_wrap pre {
     background: none;
 }
 
@@ -376,8 +401,7 @@ input[type="range"]::-ms-track {
 }
 
 #select_story label{
-    background: #48A1DD;
-    color: #fff;
+    color: #000;
 }
 
 #select_story input{
@@ -387,4 +411,20 @@ input[type="range"]::-ms-track {
 #select_story [data-testid="block-info"] {
     color: #000;
     margin: auto;
+}
+
+[data-testid="露米娜-radio-label"] {
+    background: rgba(255,255,255,0.4) !important;
+}
+
+[data-testid="索拉拉-radio-label"] {
+    background: rgba(252, 208, 28, 0.4) !important;
+}
+
+[data-testid="薇丹特-radio-label"] {
+    background: rgba(99, 162, 98, 0.4) !important;
+}
+
+[data-testid="蔚藍-radio-label"] {
+    background: rgba(66, 130, 227, 0.4) !important;
 }