added_hover_animation_to_links

acm-ucr · Nov 24, 2024 · 49e2820 · 49e2820
1 parent 09bb754
commit 49e2820
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/user/profile/header.tsx b/src/components/user/profile/header.tsx
@@ -38,7 +38,7 @@ const Header = ({
         <div className="flex items-center">
           <Link
             href={`mailto:${email}`}
-            className="text-starlight-gray"
+            className="flex items-center gap-2 rounded-md bg-sky-500 px-3 py-1 text-starlight-gray hover: bg-sky-700"
             target="_blank"
           >
             <Mail className="inline-block h-5 w-5 text-starlight-gray" />
@@ -49,7 +49,7 @@ const Header = ({
         <div className="flex items-center gap-2">
           <Link
             href={`https://github.com/${github}`}
-            className="text-starlight-gray"
+            className="flex items-center gap-2 rounded-md bg-sky-500 px-3 py-1 text-starlight-gray hover: bg-sky-700"
             target="_blank"
           >
             <FaGithub className="inline h-5 w-5 text-starlight-gray" />
@@ -60,7 +60,7 @@ const Header = ({
         <div className="flex items-center gap-2">
           <Link
             href={`https://discord.com/users/${discord}`}
-            className="text-starlight-gray"
+            className=className="flex items-center gap-2 rounded-md bg-sky-500 px-3 py-1 text-starlight-gray hover: bg-sky-700"
             target="_blank"
           >
             <FaDiscord className="inline-block h-5 w-5 text-starlight-gray" />