feat: addgroup animation

P-r4Tes · Mar 10, 2024 · b82008c · b82008c
1 parent f76335e
commit b82008c
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/components/Sidebar/AddGroup.tsx b/src/components/Sidebar/AddGroup.tsx
@@ -1,14 +1,22 @@
 import Link from "next/link";
 import PlusIcon from "@/components/Sidebar/PlusIcon";
+import { motion } from "framer-motion";
 
 type GroupProps = {
   href: string;
 };
 const AddGroup = ({ href }: GroupProps) => {
   return (
-    <Link href={href} className="w-full h-auto rounded-full bg-slate-800 p-2">
-      <PlusIcon className="text-white" />
-    </Link>
+    <motion.div
+      whileHover={{ scale: 1.1 }}
+      whileTap={{ scale: 0.95 }}
+      transition={{ type: "spring", stiffness: 400, damping: 17 }}
+      className="w-12 h-12 rounded-full bg-slate-800 p-2"
+    >
+      <Link href={href}>
+        <PlusIcon className="text-white" />
+      </Link>
+    </motion.div>
   );
 };