diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-05-25 15:49:31 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-05-25 15:49:31 +0200 |
| commit | 36d129414b696bd2a633d379cac1dff867f64413 (patch) | |
| tree | 30097582a73e91025c653969a109c8c2e8a9f471 /src/components/molecules/forms/prism-theme-toggle.tsx | |
| parent | 6e6e068c42a8da7e92ee1bc0a14d2c47012b0a65 (diff) | |
fix(settings): reduce font-size on small devices
With French translation, words are a little longer so I reduce the
font size on small devices to avoid line breaking.
Diffstat (limited to 'src/components/molecules/forms/prism-theme-toggle.tsx')
| -rw-r--r-- | src/components/molecules/forms/prism-theme-toggle.tsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/components/molecules/forms/prism-theme-toggle.tsx b/src/components/molecules/forms/prism-theme-toggle.tsx index 3320722..e0b795f 100644 --- a/src/components/molecules/forms/prism-theme-toggle.tsx +++ b/src/components/molecules/forms/prism-theme-toggle.tsx @@ -8,7 +8,10 @@ import { usePrismTheme } from '@utils/providers/prism-theme'; import { FC } from 'react'; import { useIntl } from 'react-intl'; -export type PrismThemeToggleProps = Pick<ToggleProps, 'labelClassName'>; +export type PrismThemeToggleProps = Pick< + ToggleProps, + 'className' | 'labelClassName' +>; /** * PrismThemeToggle component |