diff --git a/src/components/socialMedia/SocialMedia.js b/src/components/socialMedia/SocialMedia.js index 7a00638..5ce0ab3 100644 --- a/src/components/socialMedia/SocialMedia.js +++ b/src/components/socialMedia/SocialMedia.js @@ -1,6 +1,11 @@ import React from "react"; import "./SocialMedia.scss"; import {socialMediaLinks} from "../../portfolio"; +// import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' +// import { icon } from '@fortawesome/fontawesome-svg-core/import.macro' +import { FaEnvelope, FaFacebook, FaGithub, FaGitlab, FaHackerrank, FaInstagram, FaKaggle, FaLinkedinIn, FaMedium, FaStackOverflow, FaTwitter, FaYoutube } from "react-icons/fa6"; + +const fontStyles = {fontSize: '25px', verticalAlign:'middle'}; export default function socialMedia() { if (!socialMediaLinks.display) { @@ -15,7 +20,9 @@ export default function socialMedia() { target="_blank" rel="noopener noreferrer" > - + {/* */} + + ) : null} @@ -27,7 +34,8 @@ export default function socialMedia() { target="_blank" rel="noopener noreferrer" > - + {/* */} + ) : null} @@ -39,7 +47,8 @@ export default function socialMedia() { target="_blank" rel="noopener noreferrer" > - + {/* */} + ) : null} @@ -51,7 +60,8 @@ export default function socialMedia() { target="_blank" rel="noopener noreferrer" > - + {/* */} + ) : null} @@ -63,7 +73,8 @@ export default function socialMedia() { target="_blank" rel="noopener noreferrer" > - + {/* */} + ) : null} @@ -76,7 +87,8 @@ export default function socialMedia() { target="_blank" rel="noopener noreferrer" > - + {/* */} + ) : null} @@ -88,7 +100,8 @@ export default function socialMedia() { target="_blank" rel="noopener noreferrer" > - + {/* */} + ) : null} @@ -100,7 +113,8 @@ export default function socialMedia() { target="_blank" rel="noopener noreferrer" > - + {/* */} + ) : null} @@ -112,7 +126,8 @@ export default function socialMedia() { target="_blank" rel="noopener noreferrer" > - + {/* */} + ) : null} @@ -124,7 +139,8 @@ export default function socialMedia() { target="_blank" rel="noopener noreferrer" > - + {/* */} + ) : null} @@ -136,7 +152,8 @@ export default function socialMedia() { target="_blank" rel="noopener noreferrer" > - + {/* */} + ) : null} @@ -148,7 +165,8 @@ export default function socialMedia() { target="_blank" rel="noopener noreferrer" > - + {/* */} + ) : null} diff --git a/src/components/socialMedia/SocialMedia.scss b/src/components/socialMedia/SocialMedia.scss index 2a598ee..0cfeb1b 100644 --- a/src/components/socialMedia/SocialMedia.scss +++ b/src/components/socialMedia/SocialMedia.scss @@ -15,7 +15,7 @@ display: inline-block; font-size: 1.3rem; height: 2.6rem; - line-height: 2.6rem; + line-height: 2.4rem; margin: 0 5px; position: relative; text-align: center;