From bedefbf56b6e734af3173b49cf587c2397b15cbc Mon Sep 17 00:00:00 2001
From: xujingli <1220341948@qq.com>
Date: Mon, 1 Jun 2026 21:10:32 +0800
Subject: [PATCH] Add input box font size setting

---
 src/renderer/components/InputBox/InputBox.tsx |  3 ++-
 src/renderer/i18n/locales/en/translation.json |  2 ++
 .../i18n/locales/zh-Hans/translation.json     |  2 ++
 src/renderer/routes/settings/general.tsx      | 24 ++++++++++++++++++-
 src/renderer/stores/atoms/settingsAtoms.ts    |  1 +
 src/shared/defaults.ts                        |  1 +
 src/shared/types/settings.ts                  |  1 +
 7 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/InputBox/InputBox.tsx b/src/renderer/components/InputBox/InputBox.tsx
index 22788a59b7..8b177c6c66 100644
--- a/src/renderer/components/InputBox/InputBox.tsx
+++ b/src/renderer/components/InputBox/InputBox.tsx
@@ -164,6 +164,7 @@ const InputBox = forwardRef<InputBoxRef, InputBoxProps>(
     const { height: viewportHeight } = useViewportSize()
     const pasteLongTextAsAFile = useSettingsStore((state) => state.pasteLongTextAsAFile)
     const shortcuts = useSettingsStore((state) => state.shortcuts)
+    const inputBoxFontSize = useSettingsStore((state) => state.inputBoxFontSize)
     const widthFull = useUIStore((s) => s.widthFull) || fullWidth
     const saveBlob = useSaveBlob()
 
@@ -917,7 +918,7 @@ const InputBox = forwardRef<InputBoxRef, InputBoxProps>(
             <Flex align="flex-end" gap={4}>
               <Textarea
                 unstyled={true}
-                styles={{ input: { fontSize: 14 } }}
+                styles={{ input: { fontSize: inputBoxFontSize } }}
                 classNames={{
                   root: 'flex-1',
                   wrapper: 'flex-1',
diff --git a/src/renderer/i18n/locales/en/translation.json b/src/renderer/i18n/locales/en/translation.json
index cc2dc63f8c..3f1abddcb4 100644
--- a/src/renderer/i18n/locales/en/translation.json
+++ b/src/renderer/i18n/locales/en/translation.json
@@ -342,6 +342,8 @@
   "Focus on the Input Box and Enter Web Browsing Mode": "Focus on the Input Box and Enter Web Browsing Mode",
   "Follow System": "Follow System",
   "Font Size": "Font Size",
+  "Chat Font Size": "Chat Font Size",
+  "Input Box Font Size": "Input Box Font Size",
   "For general conversations, please click": "For general conversations, please click",
   "Format": "Format",
   "Free trial available": "Free trial available",
diff --git a/src/renderer/i18n/locales/zh-Hans/translation.json b/src/renderer/i18n/locales/zh-Hans/translation.json
index dc0942f8de..9d738ffa84 100644
--- a/src/renderer/i18n/locales/zh-Hans/translation.json
+++ b/src/renderer/i18n/locales/zh-Hans/translation.json
@@ -342,6 +342,8 @@
   "Focus on the Input Box and Enter Web Browsing Mode": "聚焦到输入框并进入联网问答模式",
   "Follow System": "跟随系统",
   "Font Size": "字体大小",
+  "Chat Font Size": "聊天字体大小",
+  "Input Box Font Size": "输入框字体大小",
   "For general conversations, please click": "如需进行常规对话，请点击",
   "Format": "格式",
   "Free trial available": "免费试用Chatbox AI",
diff --git a/src/renderer/routes/settings/general.tsx b/src/renderer/routes/settings/general.tsx
index e8d1011598..032da08b30 100644
--- a/src/renderer/routes/settings/general.tsx
+++ b/src/renderer/routes/settings/general.tsx
@@ -98,7 +98,7 @@ export function RouteComponent() {
 
         {/* Font Size */}
         <Stack>
-          <Text>{t('Font Size')}</Text>
+          <Text>{t('Chat Font Size')}</Text>
           <LazySlider
             step={1}
             min={10}
@@ -118,6 +118,28 @@ export function RouteComponent() {
           />
         </Stack>
 
+        {/* Input Box Font Size */}
+        <Stack>
+          <Text>{t('Input Box Font Size')}</Text>
+          <LazySlider
+            step={1}
+            min={10}
+            max={22}
+            maw={320}
+            marks={[
+              {
+                value: 14,
+              },
+            ]}
+            value={settings.inputBoxFontSize}
+            onChange={(val) =>
+              setSettings({
+                inputBoxFontSize: val,
+              })
+            }
+          />
+        </Stack>
+
         {/* Startup Page */}
         <Stack>
           <Text>{t('Startup Page')}</Text>
diff --git a/src/renderer/stores/atoms/settingsAtoms.ts b/src/renderer/stores/atoms/settingsAtoms.ts
index c91f738273..0ccf1ce575 100644
--- a/src/renderer/stores/atoms/settingsAtoms.ts
+++ b/src/renderer/stores/atoms/settingsAtoms.ts
@@ -74,6 +74,7 @@ export const userAvatarKeyAtom = focusAtom(settingsAtom, (optic) => optic.prop('
 export const defaultAssistantAvatarKeyAtom = focusAtom(settingsAtom, (optic) => optic.prop('defaultAssistantAvatarKey'))
 export const themeAtom = focusAtom(settingsAtom, (optic) => optic.prop('theme'))
 export const fontSizeAtom = focusAtom(settingsAtom, (optic) => optic.prop('fontSize'))
+export const inputBoxFontSizeAtom = focusAtom(settingsAtom, (optic) => optic.prop('inputBoxFontSize'))
 export const spellCheckAtom = focusAtom(settingsAtom, (optic) => optic.prop('spellCheck'))
 export const allowReportingAndTrackingAtom = focusAtom(settingsAtom, (optic) => optic.prop('allowReportingAndTracking'))
 export const enableMarkdownRenderingAtom = focusAtom(settingsAtom, (optic) => optic.prop('enableMarkdownRendering'))
diff --git a/src/shared/defaults.ts b/src/shared/defaults.ts
index cf6b4789a9..7f70cb5677 100644
--- a/src/shared/defaults.ts
+++ b/src/shared/defaults.ts
@@ -81,6 +81,7 @@ export function settings(): Settings {
     theme: Theme.System,
     language: 'en',
     fontSize: 14,
+    inputBoxFontSize: 14,
     spellCheck: true,
 
     defaultPrompt: getDefaultPrompt(),
diff --git a/src/shared/types/settings.ts b/src/shared/types/settings.ts
index 4db5894d9b..48209bc0ff 100644
--- a/src/shared/types/settings.ts
+++ b/src/shared/types/settings.ts
@@ -370,6 +370,7 @@ export const SettingsSchema = GlobalSessionSettingsSchema.extend({
   ]),
   languageInited: z.boolean().optional(),
   fontSize: z.number().catch(14),
+  inputBoxFontSize: z.number().catch(14),
   spellCheck: z.boolean().optional(),
 
   startupPage: z.enum(['home', 'session']).optional(),