d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-20 07:26:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

切换主题预览方案调整

Browse Source
This commit is contained in:
tangly1024.com
2024-09-14 15:51:00 +08:00
parent cd86d91f6d
commit d967950373
22 changed files with 161 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
components/DarkModeButton.js
View File

@@ -1,11 +1,11 @@
import { useGlobal } from '@/lib/global'
import { Moon, Sun } from './HeroIcons'
import { useImperativeHandle } from 'react'
import { Moon, Sun } from './HeroIcons'
/**
* 深色模式按钮
*/
const DarkModeButton = (props) => {
const DarkModeButton = props => {
const { cRef, className } = props
const { isDarkMode, toggleDarkMode } = useGlobal()
@@ -20,8 +20,17 @@ const DarkModeButton = (props) => {
}
})
return <div onClick={toggleDarkMode} className={`${className || ''} flex justify-center dark:text-gray-200 text-gray-800`}>
<div id='darkModeButton' className=' hover:scale-110 cursor-pointer transform duration-200 w-5 h-5'> {isDarkMode ? <Sun /> : <Moon />}</div>
return (
<div
onClick={toggleDarkMode}
className={`${className || ''} flex justify-center dark:text-gray-200 text-gray-800`}>
<div
id='darkModeButton'
className=' hover:scale-110 cursor-pointer transform duration-200 w-5 h-5'>
{' '}
{isDarkMode ? <Sun /> : <Moon />}
</div>
</div>
)
}
export default DarkModeButton