Fix Font Awesome icon size

2025-12-17 05:04:15 +09:00 · 2022-01-02 18:18:31 +09:00
parent 16bb6398e4
commit f697eb9b85
3 changed files with 7 additions and 7 deletions
--- a/pages/components/Profile/Contact.js
+++ b/pages/components/Profile/Contact.js
@@ -10,7 +10,7 @@ const Contact = (props) => {
        <div className="hover:underline">
            <Link href={{ pathname: dest }}>
                <a>
-                    <FontAwesomeIcon icon={icon} className="text-3xl inline lg:text-4xl md:w-7 md:h-7"/>
+                    <FontAwesomeIcon icon={icon} size="5x" className="w-9 h-9 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" />
                    <p className="font-mono text-xl">{caption}</p>
                </a>
            </Link>