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 <[email protected]> Co-authored-by: Gabriel Ting <[email protected]> Co-authored-by: Jared L <[email protected]> Co-authored-by: Franco Reyes <[email protected]> Co-authored-by: RichardBao1 <[email protected]> Co-authored-by: kevenliu8 <[email protected]> Co-authored-by: Keven <[email protected]> Co-authored-by: hanhnguyengiahan <[email protected]> Co-authored-by: Richard Bao <[email protected]> Co-authored-by: engooo <[email protected]> Co-authored-by: brnhan <[email protected]> Co-authored-by: Brian Nhan <[email protected]> Co-authored-by: alec <[email protected]>
devsoc-unsw · Jul 19, 2024 · 8faeb0c · 8faeb0c
1 parent d4a0afc
commit 8faeb0c
Showing 1 changed file with 10 additions and 2 deletions.
diff --git 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>