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

debug-button

Browse Source
This commit is contained in:
tangly1024.com
2023-02-09 16:04:31 +08:00
parent 285ade3811
commit 2aefbfb58d
1 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
components/DebugPanel.js
View File

@@ -58,7 +58,7 @@ export function DebugPanel() {
<div> <div>
<div <div
style={{ writingMode: 'vertical-lr' }} style={{ writingMode: 'vertical-lr' }}
className={`bg-black text-white shadow-2xl p-2.5 rounded-l-xl cursor-pointer ${show ? 'right-96' : 'right-0'} fixed bottom-56 duration-200 z-50`} className={`bg-black text-xs text-white shadow-2xl p-1.5 rounded-l-xl cursor-pointer ${show ? 'right-96' : 'right-0'} fixed bottom-56 duration-200 z-50`}
onClick={toggleShow} onClick={toggleShow}
> >
{show {show
@@ -71,15 +71,21 @@ export function DebugPanel() {
<div <div
className={` ${show ? 'shadow-card w-96 right-0 ' : '-right-96 w-0'} overflow-y-scroll h-full p-5 bg-white fixed bottom-0 z-50 duration-200`} className={` ${show ? 'shadow-card w-96 right-0 ' : '-right-96 w-0'} overflow-y-scroll h-full p-5 bg-white fixed bottom-0 z-50 duration-200`}
> >
<div className="flex space-x-1 my-5"> <div className="flex justify-between space-x-1 my-5">
<Select <div className='flex'>
label={locale.COMMON.THEME_SWITCH} <Select
value={debugTheme} label={locale.COMMON.THEME_SWITCH}
options={themeOptions} value={debugTheme}
onChange={handleUpdateDebugTheme} options={themeOptions}
/> onChange={handleUpdateDebugTheme}
<div className="p-2 cursor-pointer" onClick={handleChangeDebugTheme}> />
<i className="fas fa-sync" /> <div className="p-2 cursor-pointer" onClick={handleChangeDebugTheme}>
<i className="fas fa-sync" />
</div>
</div>
<div className='p-2'>
<i className='fas fa-times' onClick={toggleShow}/>
</div> </div>
</div> </div>