fix: dark/light icon change

pull/295/head
Aditya Kumar 5 months ago
parent 8ea276d2df
commit 6febe93a1b

@ -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>
) )
} }

Loading…
Cancel
Save