🛠 SideBar调整

This commit is contained in:
tangly1024
2021-09-27 14:57:31 +08:00
parent 2a9ac9b596
commit 383f3dc089
12 changed files with 215 additions and 207 deletions

View File

@@ -8,12 +8,10 @@ const DarkModeButton = () => {
changeTheme(newTheme)
localStorage.setItem('theme', newTheme)
}
return <div className=''>
<div onClick={handleChangeDarkMode}
className='border w-10 h-10 justify-center align-middle font-bold text-lg rounded flex p-2.5 cursor-pointer text-gray-600 hover:scale-125 transform duration-200
return <div onClick={handleChangeDarkMode}
className=' justify-center align-middle font-bold text-xl rounded cursor-pointer text-gray-600 hover:scale-125 transform duration-200
dark:bg-gray-600 dark:text-gray-300 dark:hover:bg-gray-100 dark:hover:text-black'>
<span className={'fa px-1 ' + (theme === 'dark' ? ' fa-sun-o' : ' fa-moon-o')} />
</div>
</div>
}
export default DarkModeButton