fix: theme button animation

This commit is contained in:
Julian Sommer
2026-09-15 11:57:57 +10:00
parent 986ca34e34
commit 3647fdd5de
5 changed files with 8 additions and 8 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -7,7 +7,7 @@
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="Spinifex Control Panel" />
<script type="module" crossorigin src="/assets/index-BayHshMW.js"></script>
<script type="module" crossorigin src="/assets/index-DKLt1cDu.js"></script>
<link rel="modulepreload" crossorigin href="/assets/compiler-runtime-D_vZfn79.js">
<link rel="modulepreload" crossorigin href="/assets/removable-D46SpnLb.js">
<link rel="modulepreload" crossorigin href="/assets/query-m8erMzOC.js">
@@ -105,7 +105,7 @@
<link rel="modulepreload" crossorigin href="/assets/_guardrailId.edit-BDjuJVZ2.js">
<link rel="modulepreload" crossorigin href="/assets/_serviceName-CNRJJ5ze.js">
<link rel="modulepreload" crossorigin href="/assets/_taskId-BRWP8jxv.js">
<link rel="stylesheet" crossorigin href="/assets/index-CbjKLYUI.css">
<link rel="stylesheet" crossorigin href="/assets/index-z1WTrxZE.css">
</head>
<body>
<div id="app"></div>
@@ -19,13 +19,13 @@ export function ThemeSwitch() {
return (
<Button
className="rounded-full"
className="rounded-full transition-none hover:bg-transparent dark:hover:bg-transparent"
onClick={toggleTheme}
size="icon-sm"
variant="ghost"
>
<Sun className="size-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" />
<Moon className="absolute size-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" />
<Sun className="size-[1.2rem] scale-100 rotate-0 transition-transform dark:scale-0 dark:-rotate-90" />
<Moon className="absolute size-[1.2rem] scale-0 rotate-90 transition-transform dark:scale-100 dark:rotate-0" />
<span className="sr-only">Toggle theme</span>
</Button>
)