WIP: chore 微调部分样式

ChuanhuChatbot.py

@@ -175,9 +175,9 @@ with gr.Blocks(theme=small_and_beautiful_theme) as demo:
                                 placeholder=i18n("在这里输入System Prompt..."),
                                 label="System prompt",
                                 value=INITIAL_SYSTEM_PROMPT,
-                                lines=10
+                                lines=8
                             )
-                            with gr.Accordion(label=i18n("加载Prompt模板"), open=True):
+                            with gr.Accordion(label=i18n("加载Prompt模板"), open=False):
                                 with gr.Column():
                                     with gr.Row():
                                         with gr.Column(scale=6):
@@ -209,7 +209,7 @@ with gr.Blocks(theme=small_and_beautiful_theme) as demo:
                             # TODO: 公式ocr
                             # formula_ocr = gr.Checkbox(label=i18n("识别公式"), value=advance_docs["pdf"].get("formula_ocr", False))
 
-                    with gr.Tab(label=i18n("Parameters")):
+                    with gr.Tab(label=i18n("参数")):
                         gr.Markdown(i18n("# ⚠️ 务必谨慎更改 ⚠️"), elem_id="advanced-warning")
                         with gr.Accordion(i18n("参数"), open=True):
                             temperature_slider = gr.Slider(
@@ -289,7 +289,7 @@ with gr.Blocks(theme=small_and_beautiful_theme) as demo:
                                 value=user_name.value,
                                 lines=1,
                             )
-                    with gr.Tab(label=i18n("Extensions")):
+                    with gr.Tab(label=i18n("拓展")):
                         gr.Markdown("Will be here soon...\n(We hope)\n\nAnd we hope you can help us to make more extensions!")
 
                     # changeAPIURLBtn = gr.Button(i18n("🔄 切换API地址"))
@@ -366,7 +366,7 @@ with gr.Blocks(theme=small_and_beautiful_theme) as demo:
                         )
 
                     with gr.Tab(label=i18n("关于"), elem_id="about-tab"):
-                        gr.Markdown("![Chuanhu Chat logo](file=web_assets/chatbot.png)")
+                        gr.Markdown('<img alt="Chuanhu Chat logo" src="file=web_assets/icon/any-icon-512.png" style="max-width: 144px;">')
                         gr.Markdown("# 川虎Chat")
                         gr.HTML(get_html("footer.html").format(versions=versions_html()), elem_id="footer")
                         gr.Markdown(CHUANHU_DESCRIPTION, elem_id="description")

web_assets/stylesheet/ChuanhuChat.css

@@ -15,8 +15,8 @@
     --chatbot-blur-background-color: #F3F3F366;
     --chatbot-input-background-color: rgba(255, 255, 255, 0.64);
     --chatbot-input-more-background-color: #FFFFFFAA;
-    --chatbot-input-more-background-fullwidth-hover: #FFFFFF88;
-    --chatbot-input-more-background-mobilewidth-hover: #F6F6F6;
+    --chatbot-input-more-background-fullwidth-hover: #FFFFFF99;
+    --chatbot-input-more-background-mobilewidth-hover: #E6E6E644;
 
     --menu-width: 320px;
     --menu-background-fill: var(--background-fill-primary);
@@ -28,7 +28,7 @@
         --chatbot-blur-background-color: #12111166;
         --chatbot-input-background-color: rgba(144, 144, 144, 0.32);
         --chatbot-input-more-background-color: #3C3C3CAA;
-        --chatbot-input-more-background-fullwidth-hover: #1F1F1F88;
+        --chatbot-input-more-background-fullwidth-hover: #2F2F2F88;
         --chatbot-input-more-background-mobilewidth-hover: #1F1F1F44;
     }
 }
@@ -417,6 +417,8 @@ button.chatbot-input-more-btn:active .sm-round-bg {
 /* 三个点号点开！ */
 .show-chat-more #chatbot-input-more-area {
     display: flex;
+    backdrop-filter: blur(24px);
+    -webkit-backdrop-filter: blur(24px);
 }
 /* no！屏幕宽度窄的时候！ */
 #chatbot-input-more-area {
@@ -429,9 +431,6 @@ button.chatbot-input-more-btn:active .sm-round-bg {
     border-radius: 6px;
     box-shadow: var(--shadow-sm);
     background: var(--chatbot-input-more-background-color);
-    backdrop-filter: blur(24px);
-    -webkit-backdrop-filter: blur(24px);
-
 }
 #chatbot-input-more-area > span > div {
     min-width: 120px;
@@ -860,7 +859,7 @@ input:checked + .chatbot-input-more-span {
     #toolbox-area > .gradio-box > .gradio-tabs > div.tab-nav > button {
         display: inline-block;
         position: relative;
-        padding: 8px 16px;
+        padding: 8px 2rem;
         border: none;
         white-space: nowrap;
         width: auto;