feat: 调整user_info显示

ChuanhuChatbot.py

@@ -29,8 +29,9 @@ with gr.Blocks(css=customCSS, theme=small_and_beautiful_theme) as demo:
     topic = gr.State("未命名对话历史记录")
 
     with gr.Row():
-        gr.HTML(title)
-        user_ip = gr.Markdown(value="", elem_id="user_ip")
+        with gr.Column():
+            gr.HTML(title)
+            user_info = gr.Markdown(value="", elem_id="user_info")
         status_display = gr.Markdown(get_geoip(), elem_id="status_display")
 
         # https://github.com/gradio-app/gradio/pull/3296
@@ -40,7 +41,7 @@ with gr.Blocks(css=customCSS, theme=small_and_beautiful_theme) as demo:
                 return gr.Markdown.update(value=f"User: {request.username}"), request.username
             else:
                 return gr.Markdown.update(value=f"User: 管理员"), ""
-        demo.load(create_greeting, inputs=None, outputs=[user_ip, user_name])
+        demo.load(create_greeting, inputs=None, outputs=[user_info, user_name])
 
     with gr.Row().style(equal_height=True):
         with gr.Column(scale=5):

assets/custom.css

@@ -18,14 +18,13 @@ footer {
     opacity: 0.85;
 }
 
-/* user_ip */
-#user_ip {
-    display: flex;
-    min-height: 2.5em;
-    align-items: flex-end;
-    justify-content: flex-end;
+/* user_info */
+#user_info {
+    white-space: nowrap;
+    margin-top: -1.3em !important;
+    padding-left: 112px !important;
 }
-#user_ip p {
+#user_info p {
     font-size: .85em;
     font-family: monospace;
     color: var(--body-text-color-subdued);
@@ -34,7 +33,7 @@ footer {
 /* status_display */
 #status_display {
     display: flex;
-    min-height: 2.5em;
+    min-height: 2em;
     align-items: flex-end;
     justify-content: flex-end;
 }

modules/presets.py

@@ -30,7 +30,7 @@ CONCURRENT_COUNT = 100 # 允许同时使用的用户数量
 SIM_K = 5
 INDEX_QUERY_TEMPRATURE = 1.0
 
-title = """<h1 align="left" style="min-width:200px; margin-top:0;">川虎ChatGPT 🚀</h1>"""
+title = """<h1 align="left" style="min-width:200px; margin-top:6px; white-space: nowrap;">川虎ChatGPT 🚀</h1>"""
 description = """\
 <div align="center" style="margin:16px 0">