From 0fc1a32b738696b0b2f29681c8dcfed7c6fd8e9c Mon Sep 17 00:00:00 2001
From: 505030475 <qingxu.fu@outlook.com>
Date: Sat, 8 Jul 2023 02:07:25 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E7=8A=B6=E6=80=81=E6=A0=8F?=
 =?UTF-8?q?=E8=B7=B3=E5=8A=A8=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main.py  |  2 +-
 theme.py | 39 +++++++++++++++++++--------------------
 2 files changed, 20 insertions(+), 21 deletions(-)

diff --git a/main.py b/main.py
index d445665..a92860c 100644
--- a/main.py
+++ b/main.py
@@ -71,7 +71,7 @@ def main():
                         stopBtn = gr.Button("停止", variant="secondary"); stopBtn.style(size="sm")
                         clearBtn = gr.Button("清除", variant="secondary", visible=False); clearBtn.style(size="sm")
                     with gr.Row():
-                        status = gr.Markdown(f"Tip: 按Enter提交, 按Shift+Enter换行。当前模型: {LLM_MODEL} \n {proxy_info}")
+                        status = gr.Markdown(f"Tip: 按Enter提交, 按Shift+Enter换行。当前模型: {LLM_MODEL} \n {proxy_info}", elem_id="state-panel")
                 with gr.Accordion("基础功能区", open=True, elem_id="basic-panel") as area_basic_fn:
                     with gr.Row():
                         for k in functional:
diff --git a/theme.py b/theme.py
index 405a470..b3aa07d 100644
--- a/theme.py
+++ b/theme.py
@@ -87,17 +87,9 @@ def adjust_theme():
 <script>
 
 function ChatBotHeight() {
+
     function update_height(){
-        const chatbot = document.querySelector('#gpt-chatbot > div.wrap.svelte-18telvq');
-        const panel1 = document.querySelector('#input-panel');
-        const panel2 = document.querySelector('#basic-panel');
-        const panel3 = document.querySelector('#plugin-panel');
-        const panel4 = document.querySelector('#interact-panel');
-        const panel5 = document.querySelector('#input-panel2');
-        var panel_height_target = panel1.offsetHeight + panel2.offsetHeight + panel3.offsetHeight + panel4.offsetHeight + panel5.offsetHeight + 21;
-        var panel_height_target = parseInt(panel_height_target);
-        var chatbot_height = chatbot.style.height;
-        var chatbot_height = parseInt(chatbot_height);
+        var { panel_height_target, chatbot_height, chatbot } = get_elements();
         if (panel_height_target!=chatbot_height)
         {
             var pixelString = panel_height_target.toString() + 'px';
@@ -106,16 +98,7 @@ function ChatBotHeight() {
     }
 
     function update_height_slow(){
-        const chatbot = document.querySelector('#gpt-chatbot > div.wrap.svelte-18telvq');
-        const panel1 = document.querySelector('#input-panel');
-        const panel2 = document.querySelector('#basic-panel');
-        const panel3 = document.querySelector('#plugin-panel');
-        const panel4 = document.querySelector('#interact-panel');
-        const panel5 = document.querySelector('#input-panel2');
-        var panel_height_target = panel1.offsetHeight + panel2.offsetHeight + panel3.offsetHeight + panel4.offsetHeight + panel5.offsetHeight + 21;
-        var panel_height_target = parseInt(panel_height_target);
-        var chatbot_height = chatbot.style.height;
-        var chatbot_height = parseInt(chatbot_height);
+        var { panel_height_target, chatbot_height, chatbot } = get_elements();
         if (panel_height_target!=chatbot_height)
         {
             new_panel_height = (panel_height_target - chatbot_height)*0.5 + chatbot_height;
@@ -134,6 +117,22 @@ function ChatBotHeight() {
     }, 50); // 每100毫秒执行一次
 }
 
+function get_elements() {
+    const chatbot = document.querySelector('#gpt-chatbot > div.wrap.svelte-18telvq');
+    const panel1 = document.querySelector('#input-panel');
+    const panel2 = document.querySelector('#basic-panel');
+    const panel3 = document.querySelector('#plugin-panel');
+    const panel4 = document.querySelector('#interact-panel');
+    const panel5 = document.querySelector('#input-panel2');
+    const panel_active = document.querySelector('#state-panel');
+    var panel_height_target = (20-panel_active.offsetHeight) + panel1.offsetHeight + panel2.offsetHeight + panel3.offsetHeight + panel4.offsetHeight + panel5.offsetHeight + 21;
+    var panel_height_target = parseInt(panel_height_target);
+    var chatbot_height = chatbot.style.height;
+    var chatbot_height = parseInt(chatbot_height);
+    return { panel_height_target, chatbot_height, chatbot };
+}
+
+
 </script>
 """
         # 添加一个萌萌的看板娘