style: added icon hover #1829 #1860

priyankarpal · Jul 27, 2023 · a8a62c5 · a8a62c5
1 parent 1372b3d
commit a8a62c5
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/app/projects/[username]/page.tsx b/app/projects/[username]/page.tsx
@@ -149,10 +149,10 @@ function ProjectList() {
                     href={userObj.Social_media?.gitHub}
                     target="_blank"
                     rel="noreferrer"
-                    className="cursor-pointer inline-flex h-10 items-center rounded-lg  font-extrabold text-[1.5rem] hover:scale-110 transition-all duration-300 ease-in-out hover:text-purple-500"
+                    className="cursor-pointer inline-flex h-10 items-center rounded-lg  font-extrabold text-[1.5rem] hover:scale-110 transition-all duration-300 ease-in-out hover:text-gray-500"
                     aria-label="Github"
                   >
-                    <FaGithub />
+                    <FaGithub  />
                   </a>
                 </div>
               )}
@@ -162,10 +162,10 @@ function ProjectList() {
                     href={userObj.Social_media?.LinkedIn}
                     target="_blank"
                     rel="noreferrer"
-                    className="cursor-pointer inline-flex h-10 items-center rounded-lg  font-extrabold text-[1.5rem] hover:scale-110 transition-all duration-300 ease-in-out hover:text-purple-500"
+                    className="cursor-pointer inline-flex h-10 items-center rounded-lg  font-extrabold text-[1.5rem] hover:scale-110 transition-all duration-300 ease-in-out hover:text-blue-900"
                     aria-label="Github"
                   >
-                    <FaLinkedin />
+                    <FaLinkedin  />
                   </a>
                 </div>
               )}
@@ -175,10 +175,10 @@ function ProjectList() {
                     href={userObj.Social_media?.Twitter}
                     target="_blank"
                     rel="noreferrer"
-                    className="cursor-pointer inline-flex h-10 items-center rounded-lg  font-extrabold text-[1.5rem] hover:scale-110 transition-all duration-300 ease-in-out hover:text-purple-500"
+                    className="cursor-pointer inline-flex h-10 items-center rounded-lg  font-extrabold text-[1.5rem] hover:scale-110 transition-all duration-300 ease-in-out hover:text-blue-500"
                     aria-label="Github"
                   >
-                    <FaTwitter />
+                    <FaTwitter  />
                   </a>
                 </div>
               )}
@@ -188,7 +188,7 @@ function ProjectList() {
                     href={userObj.Social_media?.YouTube}
                     target="_blank"
                     rel="noreferrer"
-                    className="cursor-pointer inline-flex h-10 items-center rounded-lg  font-extrabold text-[1.5rem] hover:scale-110 transition-all duration-300 ease-in-out hover:text-purple-500"
+                    className="cursor-pointer inline-flex h-10 items-center rounded-lg  font-extrabold text-[1.5rem] hover:scale-110 transition-all duration-300 ease-in-out hover:text-red-900"
                     aria-label="Github"
                   >
                     <FaYoutube />
@@ -201,10 +201,10 @@ function ProjectList() {
                     href={userObj.Social_media?.Instagram}
                     target="_blank"
                     rel="noreferrer"
-                    className="cursor-pointer inline-flex h-10 items-center rounded-lg  font-extrabold text-[1.5rem] hover:scale-110 transition-all duration-300 ease-in-out hover:text-purple-500"
+                    className="cursor-pointer inline-flex h-10 items-center rounded-lg  font-extrabold text-[1.5rem] hover:scale-110 transition-all duration-300 ease-in-out hover:text-red-500"
                     aria-label="Github"
                   >
-                    <FaInstagram />
+                    <FaInstagram  />
                   </a>
                 </div>
               )}
@@ -237,10 +237,10 @@ function ProjectList() {
                       href={project.link}
                       target="_blank"
                       rel="noreferrer"
-                      className="inline-flex h-10 items-center rounded-lg  font-extrabold text-[2rem] hover:scale-110 transition-all duration-300 ease-in-out hover:text-purple-500 "
+                      className="inline-flex h-10 items-center rounded-lg  font-extrabold text-[2rem] hover:scale-110 transition-all duration-300 ease-in-out  hover:text-gray-500 "
                       aria-label="Github"
                     >
-                      <FaGithub size={30} />
+                      <FaGithub  size={30} />
                     </a>
                   </span>
                 </div>