0
0
mirror of https://github.com/yude-jp/yude.jp synced 2024-12-22 20:20:09 +09:00

Align button styling

This commit is contained in:
yude 2021-06-22 12:39:51 +09:00
parent 518a2bc6ef
commit 0eecba7c88
Signed by: yude
GPG Key ID: EB0FE5D925C4A968

View File

@ -21,11 +21,11 @@ const ThemeSelector = (props) => {
} }
}; };
return ( return (
<button className="my-4 text-2xl focus:outline-none" onClick={switchTheme}> <button className="inline-flex rounded-md border border-gray-300 dark:border-gray-800 shadow-sm px-2 bg-white font-medium text-gray-700 hover:bg-gray-50 dark:bg-gray-700 dark:text-white my-3 py-1 text-2xl focus:outline-none" onClick={switchTheme}>
{theme === 'light' ? ( {theme === 'light' ? (
<FontAwesomeIcon icon={faMoon} className="w-10 h-8" /> <FontAwesomeIcon icon={faMoon} className="w-10 h-7" />
) : ( ) : (
<FontAwesomeIcon icon={faSun} className="w-10 h-8" /> <FontAwesomeIcon icon={faSun} className="w-10 h-7" />
)} )}
</button> </button>
) )