From f697eb9b852dfc35137da7034438b755cad6bf0f Mon Sep 17 00:00:00 2001
From: yude <i@yude.jp>
Date: Sun, 2 Jan 2022 18:18:31 +0900
Subject: [PATCH] Fix Font Awesome icon size

---
 pages/components/LangSelector.js         | 10 +++++-----
 pages/components/Menu/FontAwesomeMenu.js |  2 +-
 pages/components/Profile/Contact.js      |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/pages/components/LangSelector.js b/pages/components/LangSelector.js
index ea269fa..6491b9d 100644
--- a/pages/components/LangSelector.js
+++ b/pages/components/LangSelector.js
@@ -40,19 +40,19 @@ const Dropdown = ({ color }) => {
         : openDropdownPopover();
     }}
     >
-      <FontAwesomeIcon icon={faLanguage} className="text-4xl" />
-      <svg className="-mr-1 ml-2 h-9 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+      <FontAwesomeIcon icon={faLanguage} className="w-10 h-7" />
+      <svg className="ml-2 h-9 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
         <path fillRule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clipRule="evenodd" />
       </svg>
     </button>  
   <div ref={popoverDropdownRef} className={
-              (dropdownPopoverShow ? "block " : "hidden ") + "z-10 origin-top-right absolute right-0 mt-2 w-40 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 dark:bg-gray-700"}>
+              (dropdownPopoverShow ? "block " : "hidden ") + "z-10 origin-top-right absolute right-0 mt-2 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 dark:bg-gray-700"}>
     <div className="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
     <LanguageSwitcher lang="ja">
-      <a href="#" className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-700 dark:text-white dark:hover:bg-gray-800" role="menuitem">日本語</a>
+      <a href="#" className="block px-4 py-2 text-gray-700 hover:bg-gray-100 hover:text-gray-700 dark:text-white dark:hover:bg-gray-800" role="menuitem">日本語</a>
     </LanguageSwitcher>
     <LanguageSwitcher lang="en">
-      <a href="#" className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-700 dark:text-white dark:hover:bg-gray-800" role="menuitem">English</a>
+      <a href="#" className="block px-4 py-2 text-gray-700 hover:bg-gray-100 hover:text-gray-700 dark:text-white dark:hover:bg-gray-800" role="menuitem">English</a>
     </LanguageSwitcher>
     </div>
   </div>
diff --git a/pages/components/Menu/FontAwesomeMenu.js b/pages/components/Menu/FontAwesomeMenu.js
index 120ae43..d635246 100644
--- a/pages/components/Menu/FontAwesomeMenu.js
+++ b/pages/components/Menu/FontAwesomeMenu.js
@@ -11,7 +11,7 @@ const FontAwesomeMenu = (props) => {
     <div>
         <Link href={{ pathname: dest, query: query }}>
             <a>
-                <FontAwesomeIcon icon={icon} className="text-4xl fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" />
+                <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" />
             </a>
         </Link>
     </div>
diff --git a/pages/components/Profile/Contact.js b/pages/components/Profile/Contact.js
index 605b07e..b4e2259 100644
--- 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>