MrDiderot/Michess
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add swap animation to theme toggle

Browse Source
This commit is contained in:
Nathaniel Tampus
2023-03-06 15:50:41 +08:00
parent da1a556eea
commit f08623993f
1 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/components/ThemeToggle.tsx
View File

@@ -27,13 +27,10 @@ export default function ThemeToggle() {
<button <button
type="button" type="button"
onClick={() => changeTheme(darkTheme ? "light" : "dark")} onClick={() => changeTheme(darkTheme ? "light" : "dark")}
className="btn btn-ghost btn-circle" className={"btn btn-ghost btn-circle swap swap-rotate" + (darkTheme ? " swap-active" : "")}
> >
{darkTheme ? ( <IconSun className="swap-on m-auto block h-full" />
<IconSun className="m-auto block h-full" /> <IconMoon className="swap-off m-auto block h-full" />
) : (
<IconMoon className="m-auto block h-full" />
)}
</button> </button>
); );
} }