Refactor to use CSS only

jsr-io · Mar 6, 2024 · 2f91a52 · 2f91a52
1 parent 880fb27
commit 2f91a52
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/frontend/components/Header.tsx b/frontend/components/Header.tsx
@@ -31,10 +31,10 @@ export function Header({ user, url }: {
         {isHomepage ? <div></div> : (
           <a
             href="/"
-            class="group outline-none focus-visible:ring-2 ring-cyan-700"
+            class="group outline-none focus-visible:ring-2 ring-cyan-700 will-change-transform"
           >
             <span className="sr-only">JSR home</span>
-            <Logo class="h-[28px] flex-none group-hover:animate-rotate-180" />
+            <Logo class="h-[28px] flex-none group-hover:animate-rotate-180 transition-transform duration-[360ms] ease-[cubic-bezier(0.67,-0.33,0.28,1.28)]" />
           </a>
         )}
         <div class="hidden sm:block grow-1 flex-1">