|
|
|
@ -10,7 +10,7 @@ function LightModeIcon(): JSX.Element {
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
strokeWidth={1.5}
|
|
|
|
strokeWidth={1.5}
|
|
|
|
stroke="currentColor"
|
|
|
|
stroke="currentColor"
|
|
|
|
className="w-4 h-4 block dark:hidden"
|
|
|
|
className="w-4 h-4 block dark:block"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<path
|
|
|
|
<path
|
|
|
|
strokeLinecap="round"
|
|
|
|
strokeLinecap="round"
|
|
|
|
@ -49,8 +49,7 @@ export function ModeToggle(): JSX.Element {
|
|
|
|
className="fixed top-4 right-4 border rounded-md w-6 h-6 flex items-center justify-center"
|
|
|
|
className="fixed top-4 right-4 border rounded-md w-6 h-6 flex items-center justify-center"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<span className="sr-only">Toggle mode</span>
|
|
|
|
<span className="sr-only">Toggle mode</span>
|
|
|
|
<LightModeIcon />
|
|
|
|
{(resolvedTheme === 'dark') ? <LightModeIcon /> : <DarkModeIcon />}
|
|
|
|
<DarkModeIcon />
|
|
|
|
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|