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

ページのリロード時に変更ボタンがずれる

close #6
This commit is contained in:
under 2021-07-15 14:42:52 +09:00
parent 0d21be23a1
commit 8f58012cdb

View File

@ -22,11 +22,11 @@ const ThemeSelector = (props) => {
}; };
return ( return (
<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}> <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 !== undefined && (theme === "light" ? (
<FontAwesomeIcon icon={faMoon} className="w-10 h-7" /> <FontAwesomeIcon icon={faMoon} className="w-10 h-7" />
) : ( ) : (
<FontAwesomeIcon icon={faSun} className="w-10 h-7" /> <FontAwesomeIcon icon={faSun} className="w-10 h-7" />
)} ))}
</button> </button>
) )
} }