Enhance GitHub Logo Button with Hover Effect (#500)

Co-authored-by: Gigin George <[email protected]>
ohcnetwork · Aug 23, 2024 · dcc24ba · dcc24ba
1 parent 4f46253
commit dcc24ba
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/components/navbar/ContributeButton.tsx b/components/navbar/ContributeButton.tsx
@@ -6,11 +6,11 @@ const ContributeButton = () => {
   return (
     <Link
       href={`https://github.com/${env.NEXT_PUBLIC_GITHUB_ORG}`}
-      className="flex  items-center justify-center"
+      className="flex items-center justify-center"
       rel="nonreferrer"
     >
-      <div className="flex cursor-pointer  flex-row items-center justify-center gap-1">
-        <AiFillGithub className="text-3xl" />
+      <div className="flex cursor-pointer flex-row items-center justify-center gap-1 transition-transform duration-200 hover:scale-110">
+        <AiFillGithub className="text-3xl transition-colors duration-200 hover:text-gray-500" />
       </div>
     </Link>
   );