diff options
Diffstat (limited to 'packages/app/src/components/settings-general.tsx')
| -rw-r--r-- | packages/app/src/components/settings-general.tsx | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/packages/app/src/components/settings-general.tsx b/packages/app/src/components/settings-general.tsx index c380fb69b..490bc2e48 100644 --- a/packages/app/src/components/settings-general.tsx +++ b/packages/app/src/components/settings-general.tsx @@ -19,6 +19,9 @@ import { sansDefault, sansFontFamily, sansInput, + terminalDefault, + terminalFontFamily, + terminalInput, useSettings, } from "@/context/settings" import { decode64 } from "@/utils/base64" @@ -181,6 +184,7 @@ export const SettingsGeneral: Component = () => { const soundOptions = [noneSound, ...SOUND_OPTIONS] const mono = () => monoInput(settings.appearance.font()) const sans = () => sansInput(settings.appearance.uiFont()) + const terminal = () => terminalInput(settings.appearance.terminalFont()) const soundSelectProps = ( enabled: () => boolean, @@ -451,6 +455,29 @@ export const SettingsGeneral: Component = () => { /> </div> </SettingsRow> + + <SettingsRow + title={language.t("settings.general.row.terminalFont.title")} + description={language.t("settings.general.row.terminalFont.description")} + > + <div class="w-full sm:w-[220px]"> + <TextField + data-action="settings-terminal-font" + label={language.t("settings.general.row.terminalFont.title")} + hideLabel + type="text" + value={terminal()} + onChange={(value) => settings.appearance.setTerminalFont(value)} + placeholder={terminalDefault} + spellcheck={false} + autocorrect="off" + autocomplete="off" + autocapitalize="off" + class="text-12-regular" + style={{ "font-family": terminalFontFamily(settings.appearance.terminalFont()) }} + /> + </div> + </SettingsRow> </SettingsList> </div> ) |