From 85befb4230adf59eab48066c94a9bb011cb7b15a Mon Sep 17 00:00:00 2001
From: unanmed <1319491857@qq.com>
Date: Tue, 12 Mar 2024 21:47:17 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=9E=BA=E6=97=8B=E5=8D=87=E5=A4=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/data/settings.json |  2 +-
 src/ui/settings.vue    | 16 ++++++++++++----
 src/ui/toolbox.vue     |  7 +++++++
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/data/settings.json b/src/data/settings.json
index cd143ae..207a62d 100644
--- a/src/data/settings.json
+++ b/src/data/settings.json
@@ -13,7 +13,7 @@
             "是否开启抗锯齿。开启后，画面会变得不那么锐利，观感更加舒适；关闭后，可以更好地展现出像素感，同时部分像素错误也不会出现。"
         ],
         "fontSize": [
-            "在各种 ui 界面中显示的文字大小，范围为 8 - 28。注意，字体过大可能会引起 ui 布局发生错误"
+            "在各种 ui 界面中显示的文字大小，范围为 2 - 48。注意，字体过大可能会引起 ui 布局发生错误"
         ],
         "criticalGem": ["临界是否显示为在当前地图要吃的宝石数"]
     },
diff --git a/src/ui/settings.vue b/src/ui/settings.vue
index 6055880..fd107bc 100644
--- a/src/ui/settings.vue
+++ b/src/ui/settings.vue
@@ -46,10 +46,14 @@
                 </TransitionGroup>
             </div>
             <div class="setting-info">
-                <div
-                    class="info-text"
-                    v-html="splitText(display.at(-1)?.text ?? ['请选择设置'])"
-                ></div>
+                <Scroll class="info-text-scroll">
+                    <div
+                        class="info-text"
+                        v-html="
+                            splitText(display.at(-1)?.text ?? ['请选择设置'])
+                        "
+                    ></div>
+                </Scroll>
                 <a-divider class="info-divider" dashed></a-divider>
                 <div class="info-editor" v-if="!!selectedItem">
                     <div class="editor-custom">
@@ -309,6 +313,10 @@ onUnmounted(() => {
         min-height: 30%;
         max-height: 50%;
     }
+
+    .info-text-scroll {
+        max-height: 50%;
+    }
 }
 
 @media screen and (max-width: 600px) {
diff --git a/src/ui/toolbox.vue b/src/ui/toolbox.vue
index ef43ec9..639edd2 100644
--- a/src/ui/toolbox.vue
+++ b/src/ui/toolbox.vue
@@ -411,6 +411,13 @@ onUnmounted(() => {
 
     #detail {
         flex-basis: 30%;
+
+        #desc {
+            #desc-text {
+                max-height: 10vh;
+                height: 10vh;
+            }
+        }
     }
 }
 </style>