fix(watch): add transition to watch link on home page

gdarchen · Jul 10, 2024 · e08ca35 · e08ca35
1 parent e40c8e1
commit e08ca35
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/home/7-technology-watch-link/TechnologyWatchLink.tsx b/src/components/home/7-technology-watch-link/TechnologyWatchLink.tsx
@@ -4,12 +4,12 @@ import { BiSolidBinoculars } from 'react-icons/bi'
 
 const TechnologyWatchLink: FC = () => {
   return (
-    <div className="flex items-center justify-center">
+    <div data-aos="fade-up" className="flex items-center justify-center">
       <Link
         href="/watch"
         className="group relative my-12 inline-flex items-center justify-center overflow-hidden rounded-lg p-4 px-5 py-3 font-medium text-indigo-600 shadow-2xl md:mt-0"
       >
-        <span className="ease absolute left-0 top-0 -ml-3 -mt-10 size-52 rounded-full bg-purple-700 blur-md transition-all duration-700 dark:bg-purple-800" />
+        <span className="ease absolute left-0 top-0 -ml-3 -mt-10 h-44 w-72 rounded-full bg-purple-700 blur-md transition-all duration-700 dark:bg-purple-800" />
         <span className="ease absolute inset-0 size-full transition duration-700 group-hover:rotate-180">
           <span className="absolute bottom-0 left-0 -ml-10 size-36 rounded-full bg-blue-600 blur-md dark:bg-blue-700" />
           <span className="absolute bottom-0 right-0 -mr-10 size-36 rounded-full bg-blue-400 blur-md dark:bg-blue-500" />