From c46e1c6c7ce644c5704d7493e394158380e87265 Mon Sep 17 00:00:00 2001
From: HimiCos <himicosky@gmail.com>
Date: Thu, 30 Mar 2023 13:51:37 +0800
Subject: [PATCH] feat: center the text in the options box in settings

---
 app/locales/cn.ts       | 4 ++--
 app/locales/en.ts       | 4 ++--
 app/locales/tw.ts       | 4 ++--
 app/styles/globals.scss | 6 ++++++
 4 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/locales/cn.ts b/app/locales/cn.ts
index 239da23fa..48874492c 100644
--- a/app/locales/cn.ts
+++ b/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)",
diff --git a/app/locales/en.ts b/app/locales/en.ts
index 296992435..a7c057cf7 100644
--- a/app/locales/en.ts
+++ b/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",
diff --git a/app/locales/tw.ts b/app/locales/tw.ts
index e63c57a6e..68471dc37 100644
--- a/app/locales/tw.ts
+++ b/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)",
diff --git a/app/styles/globals.scss b/app/styles/globals.scss
index b4b25b5cd..8464daa14 100644
--- a/app/styles/globals.scss
+++ b/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 {