yude
/
yude.jp
mirror of https://github.com/yude-jp/yude.jp
0
0
Fork 0
Code Releases Activity

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
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
pages/components/ThemeSelector.js
View File

@ -21,11 +21,11 @@ const ThemeSelector = (props) => {
}
};
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' ? (
<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>
)