Merge pull request #505 from ramnaresh8/branch-ramnaresh8

Feat #502 added hovering effect on socials
VaibhavArora314 · Jul 25, 2024 · ef61a97 · ef61a97
2 parents 9370bb7 + 48c4505
commit ef61a97
Showing 1 changed file with 25 additions and 15 deletions.
diff --git a/frontend/src/components/SharePostButtons.tsx b/frontend/src/components/SharePostButtons.tsx
@@ -19,21 +19,31 @@ type Props = {
 const SharePostButtons = ({shareUrl, title}: Props) => {
   return (
     <div className="flex space-x-2 my-4">
-      <TelegramShareButton url={shareUrl} title={title}>
-        <TelegramIcon size={35} round />
-      </TelegramShareButton>
-      <TwitterShareButton url={shareUrl} title={title}>
-        <XIcon size={35} round />
-      </TwitterShareButton>
-      <WhatsappShareButton url={shareUrl} title={title}>
-        <WhatsappIcon size={35} round />
-      </WhatsappShareButton>
-      <LinkedinShareButton url={shareUrl} title={title} summary={title}>
-        <LinkedinIcon size={35} round />
-      </LinkedinShareButton>
-      <FacebookShareButton url={shareUrl} title={title}>
-        <FacebookIcon size={35} round />
-      </FacebookShareButton>
+      <div className="hover:scale-125 transform transition duration-400">
+        <TelegramShareButton url={shareUrl} title={title}>
+          <TelegramIcon size={35} round />
+        </TelegramShareButton>
+      </div>
+      <div className=" hover:scale-125 transform transition duration-400">
+        <TwitterShareButton url={shareUrl} title={title}>
+          <XIcon size={35} round />
+        </TwitterShareButton>
+      </div>
+      <div className=" hover:scale-125 transform transition duration-400">
+        <WhatsappShareButton url={shareUrl} title={title}>
+          <WhatsappIcon size={35} round />
+        </WhatsappShareButton>
+      </div>
+      <div className=" hover:scale-125 transform transition duration-400">
+        <LinkedinShareButton url={shareUrl} title={title} summary={title}>
+          <LinkedinIcon size={35} round />
+        </LinkedinShareButton>
+      </div>
+      <div className=" hover:scale-125 transform transition duration-400">
+        <FacebookShareButton url={shareUrl} title={title}>
+          <FacebookIcon size={35} round />
+        </FacebookShareButton>
+      </div>  
     </div>
   );
 };