feat: center the text in the options box in settings

app/locales/cn.ts

@@ -92,7 +92,7 @@ const cn = {
     },
     CompressThreshold: {
       Title: "历史消息长度压缩阈值",
-      SubTitle: "当未压缩的历史消息超过该值时，将进行压缩",
+      SubTitle: "当未压缩的历史消息超过该值时，将进行压缩（500 ~ 4000）",
     },
     Token: {
       Title: "API Key",
@@ -119,7 +119,7 @@ const cn = {
     },
     MaxTokens: {
       Title: "单次回复限制 (max_tokens)",
-      SubTitle: "单次交互所用的最大 Token 数",
+      SubTitle: "单次交互所用的最大 Token 数（100 ~ 4096）",
     },
     PresencePenlty: {
       Title: "话题新鲜度 (presence_penalty)",

app/locales/en.ts

@@ -94,7 +94,7 @@ const en: LocaleType = {
     CompressThreshold: {
       Title: "History Compression Threshold",
       SubTitle:
-        "Will compress if uncompressed messages length exceeds the value",
+        "Will compress if uncompressed messages length exceeds the value (500 ~ 4000)",
     },
     Token: {
       Title: "API Key",
@@ -121,7 +121,7 @@ const en: LocaleType = {
     },
     MaxTokens: {
       Title: "Max Tokens",
-      SubTitle: "Maximum length of input tokens and generated tokens",
+      SubTitle: "Maximum length of input tokens and generated tokens (100 ~ 4096)",
     },
     PresencePenlty: {
       Title: "Presence Penalty",

app/locales/tw.ts

@@ -92,7 +92,7 @@ const tw: LocaleType = {
     },
     CompressThreshold: {
       Title: "歷史訊息長度壓縮閾值",
-      SubTitle: "當未壓縮的歷史訊息超過該值時，將進行壓縮",
+      SubTitle: "當未壓縮的歷史訊息超過該值時，將進行壓縮（500 ~ 4000）",
     },
     Token: {
       Title: "API Key",
@@ -119,7 +119,7 @@ const tw: LocaleType = {
     },
     MaxTokens: {
       Title: "單次回復限制 (max_tokens)",
-      SubTitle: "單次交互所用的最大 Token 數",
+      SubTitle: "單次交互所用的最大 Token 數（100 ~ 4096）",
     },
     PresencePenlty: {
       Title: "話題新穎度 (presence_penalty)",

app/styles/globals.scss

@@ -119,6 +119,7 @@ select {
   cursor: pointer;
   background-color: var(--white);
   color: var(--black);
+  text-align: center;
 }
 
 input[type="checkbox"] {
@@ -185,6 +186,11 @@ input[type="text"] {
   color: var(--black);
   padding: 0 10px;
   max-width: 50%;
+  text-align: center;
+}
+
+input[type=number]::-webkit-inner-spin-button{
+    -webkit-appearance: none;
 }
 
 div.math {