From 8faeb0cd625d342e1560887712455312216adf58 Mon Sep 17 00:00:00 2001
From: alecliu1204 <111400188+alecliu1204@users.noreply.github.com>
Date: Fri, 19 Jul 2024 18:51:37 +1000
Subject: [PATCH] hover to linkedin + GH logos on meet the team page (no
 shadow) (#480)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Flynn Lambrechts <83333819+flynnlambrechts@users.noreply.github.com>
Co-authored-by: Gabriel Ting <65492346+gtangelo@users.noreply.github.com>
Co-authored-by: Jared L <48422312+lhjt@users.noreply.github.com>
Co-authored-by: Franco Reyes <79299724+francojreyes@users.noreply.github.com>
Co-authored-by: RichardBao1 <54427922+RichardBao1@users.noreply.github.com>
Co-authored-by: kevenliu8 <150641727+kevenliu8@users.noreply.github.com>
Co-authored-by: Keven <kevenliu2807@gmail.com>
Co-authored-by: hanhnguyengiahan <126440514+hanhnguyengiahan@users.noreply.github.com>
Co-authored-by: Richard  Bao <richardbao@192-168-1-117.tpgi.com.au>
Co-authored-by: engooo <90817386+engooo@users.noreply.github.com>
Co-authored-by: brnhan <102663283+brnhan@users.noreply.github.com>
Co-authored-by: Brian Nhan <brianNhan@student.unsw.edu.au>
Co-authored-by: alec <z5260142@ad.unsw.edu.au>
---
 frontend/components/ProfileCard/ProfileCard.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/components/ProfileCard/ProfileCard.tsx b/frontend/components/ProfileCard/ProfileCard.tsx
index c92ca1816..2e5a430d3 100644
--- a/frontend/components/ProfileCard/ProfileCard.tsx
+++ b/frontend/components/ProfileCard/ProfileCard.tsx
@@ -30,10 +30,18 @@ const ProfileCard = ({
             <div className="w-24 h-24">
               <img alt={name} src={photo} className="w-28 h-28" />
               <div className="flex justify-items-center gap-3 mt-6">
-                <a href={linkedin} target="__blank">
+                <a
+                  href={linkedin}
+                  target="__blank"
+                  className="transition-transform duration-300 hover:translate-y-[-4px]"
+                >
                   <FontAwesomeIcon icon={faLinkedin} size="2x" className="text-blue-700 h-8" />
                 </a>
-                <a href={gh} target="__blank">
+                <a
+                  href={gh}
+                  target="__blank"
+                  className="transition-transform duration-300 hover:translate-y-[-4px]"
+                >
                   <FontAwesomeIcon icon={faGithub} size="2x" className="h-8" />
                 </a>
               </div>