d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-13 23:16:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

深色模式样式微调

Browse Source
This commit is contained in:
tangly1024
2024-10-31 20:43:19 +08:00
parent 5bf47d77df
commit da2cdac0a3
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/ThemeSwitch.js
View File

@@ -30,7 +30,7 @@ const ThemeSwitch = () => {
<div
id='draggableBox'
style={{ left: '0px', top: '80vh' }}
className='border fixed group flex flex-col items-start space-y-2 overflow-hidden z-20 p-3
className='border dark:border-gray-600 fixed group flex flex-col items-start space-y-2 overflow-hidden z-20 p-3
dark:text-white bg-white dark:bg-black
rounded-xl shadow-lg hover:scale-105 hover:shadow-2xl '>
{/* 主题切换按钮 */}
@@ -64,16 +64,16 @@ const ThemeSwitch = () => {
</Draggable>
<SideBarDrawer
className='p-10 max-w-3xl 2xl:max-w-5xl'
className='p-10 max-w-3xl 2xl:max-w-5xl dark:text-white bg-white dark:bg-black '
isOpen={sideBarVisible}
showOnPC={true}
onClose={() => {
setSideBarVisible(false)
}}>
{/* 开关 */}
<div className='flex items-center justify-between font-bold dark:text-white'>
<div className='flex items-center justify-between font-bold'>
{/* 深色模式切换 */}
<div className='border text-sm flex items-center w-32 duration-200 hover:bg-green-500 p-2'>
<div className='border dark:border-gray-60 text-sm flex items-center w-32 duration-200 hover:bg-green-500 p-2'>
<DarkModeButton />
<div
onClick={toggleDarkMode}
@@ -92,7 +92,7 @@ const ThemeSwitch = () => {
</div>
</div>
<hr className='my-4' />
<hr className='my-4 dark:border-gray-600' />
<div>点击下方主题进行切换.</div>
<div> Click below to switch the theme.</div>