diff options
| -rw-r--r-- | packages/app/src/components/settings-general.tsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/packages/app/src/components/settings-general.tsx b/packages/app/src/components/settings-general.tsx index c1b53fd3f..2a8e1d720 100644 --- a/packages/app/src/components/settings-general.tsx +++ b/packages/app/src/components/settings-general.tsx @@ -2,7 +2,7 @@ import { Component, createMemo, type JSX } from "solid-js" import { Select } from "@opencode-ai/ui/select" import { Switch } from "@opencode-ai/ui/switch" import { useTheme, type ColorScheme } from "@opencode-ai/ui/theme" -import { useSettings } from "@/context/settings" +import { useSettings, monoFontFamily } from "@/context/settings" import { playSound, SOUND_OPTIONS } from "@/utils/sound" export const SettingsGeneral: Component = () => { @@ -100,7 +100,9 @@ export const SettingsGeneral: Component = () => { onSelect={(option) => option && settings.appearance.setFont(option.value)} variant="secondary" size="small" - /> + > + {(option) => <span style={{ "font-family": monoFontFamily(option?.value) }}>{option?.label}</span>} + </Select> </SettingsRow> </div> </div> |