gib/T3-Template
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Trying to get db schema

Browse Source
This commit is contained in:
Gabriel Brown
2025-05-13 16:06:39 -05:00
parent a542098717
commit 68ba7cc41f
12 changed files with 226 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/context/theme.tsx
View File

@ -20,7 +20,12 @@ export const ThemeProvider = ({
return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
};
export const ThemeToggle = () => {
export interface ThemeToggleProps
extends React.ButtonHTMLAttributes<HTMLButtonElement> {
size?: number;
}
export const ThemeToggle = ({ size = 1, ...props }: ThemeToggleProps) => {
const { setTheme, resolvedTheme } = useTheme();
const [mounted, setMounted] = React.useState(false);
@ -30,8 +35,8 @@ export const ThemeToggle = () => {
if (!mounted) {
return (
<Button variant='outline' size='icon'>
<span className='h-[1.2rem] w-[1.2rem]' />
<Button variant='outline' size='icon' {...props}>
<span style={{ height: `${size}rem`, width: `${size}rem` }} />
</Button>
);
}
@ -42,14 +47,14 @@ export const ThemeToggle = () => {
};
return (
<Button variant='outline' size='icon' onClick={toggleTheme}>
<Button variant='outline' size='icon' onClick={toggleTheme} {...props}>
<Sun
className='h-[1.2rem] w-[1.2rem] rotate-0 scale-100
transition-all dark:-rotate-90 dark:scale-0'
style={{ height: `${size}rem`, width: `${size}rem` }}
className='rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0'
/>
<Moon
className='absolute h-[1.2rem] w-[1.2rem] rotate-90
scale-0 transition-all dark:rotate-0 dark:scale-100'
style={{ height: `${size}rem`, width: `${size}rem` }}
className='absolute rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100'
/>
<span className='sr-only'>Toggle theme</span>
</Button>