hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: improve mobile experience

Browse source
This commit is contained in:
codytseng 2025-01-02 21:57:14 +08:00
parent 8ec0d46d58
commit 3946e603b3
98 changed files with 2508 additions and 1058 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/ThemeToggle/index.tsx
View file

@ -3,11 +3,7 @@ import { useTheme } from '@/providers/ThemeProvider'
import { Moon, Sun, SunMoon } from 'lucide-react'
import { useTranslation } from 'react-i18next'
export default function ThemeToggle({
variant = 'titlebar'
}: {
variant?: 'titlebar' | 'small-screen-titlebar'
}) {
export default function ThemeToggle() {
const { t } = useTranslation()
const { themeSetting, setThemeSetting } = useTheme()
@ -15,8 +11,8 @@ export default function ThemeToggle({
<>
{themeSetting === 'system' ? (
<Button
variant={variant}
size={variant}
variant="ghost"
size="titlebar-icon"
onClick={() => setThemeSetting('light')}
title={t('switch to light theme')}
>
@ -24,8 +20,8 @@ export default function ThemeToggle({
</Button>
) : themeSetting === 'light' ? (
<Button
variant={variant}
size={variant}
variant="ghost"
size="titlebar-icon"
onClick={() => setThemeSetting('dark')}
title={t('switch to dark theme')}
>
@ -33,8 +29,8 @@ export default function ThemeToggle({
</Button>
) : (
<Button
variant={variant}
size={variant}
variant="ghost"
size="titlebar-icon"
onClick={() => setThemeSetting('system')}
title={t('switch to system theme')}
>