animation fix

danikova · Dec 1, 2023 · 701efe6 · 701efe6
1 parent d717517
commit 701efe6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/counter.tsx b/src/components/counter.tsx
@@ -22,7 +22,7 @@ function CounterDisplaySingleDigit({ num }: { num: number }) {
   return (
     <div className="w-[45px] h-[5rem] flex flex-col overflow-hidden">
       <div
-        className="transition-all duration-500"
+        className="transition-[duration] duration-500"
         style={{ marginTop: `calc(${-offset} * 5rem)` }}
       >
         {numbers.map((n) => getNumber(n))}

diff --git a/src/components/main-content.tsx b/src/components/main-content.tsx
@@ -20,7 +20,7 @@ export function MainContent({ className }: { className?: string }) {
   }, [themeClass, dominantColors]);
 
   return (
-    <div className={cn(className)} style={style}>
+    <div className={cn(className, "transition-[color]")} style={style}>
       <Title />
       <Counter />
     </div>