mirror of
https://github.com/mulgadc/spinifex.git
synced 2026-10-21 19:56:33 +00:00
fix: theme button animation
This commit is contained in:
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2
-2
@@ -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>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user