Qortal/chrome-extension
3
0
Fork 0
mirror of https://github.com/Qortal/chrome-extension.git synced 2025-02-11 17:55:49 +00:00
Code Issues Projects Releases Wiki Activity

change color for editor btns

Browse Source
This commit is contained in:
PhilReact 2024-09-25 12:23:02 +03:00
parent 6f3a9ebd5a
commit 9b5ec96fe7
1 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/Chat/TipTap.tsx
View File

@ -146,11 +146,17 @@ const MenuBar = ({ setEditorRef, isChat }) => {
> >
<CodeIcon /> <CodeIcon />
</IconButton> </IconButton>
<IconButton sx={{ <IconButton
padding: isMobile ? '5px' : 'revert' onClick={() => editor.chain().focus().unsetAllMarks().run()}
}} onClick={() => editor.chain().focus().unsetAllMarks().run()}> sx={{
<FormatClearIcon /> color: editor.isActive('bold') || editor.isActive('italic') || editor.isActive('strike') || editor.isActive('code')
</IconButton> ? 'white'
: 'gray',
padding: isMobile ? '5px' : 'revert',
}}
>
<FormatClearIcon />
</IconButton>
<IconButton <IconButton
onClick={() => editor.chain().focus().toggleBulletList().run()} onClick={() => editor.chain().focus().toggleBulletList().run()}
// color={editor.isActive('bulletList') ? 'white' : 'gray'} // color={editor.isActive('bulletList') ? 'white' : 'gray'}
@ -191,9 +197,16 @@ const MenuBar = ({ setEditorRef, isChat }) => {
> >
<FormatQuoteIcon /> <FormatQuoteIcon />
</IconButton> </IconButton>
<IconButton onClick={() => editor.chain().focus().setHorizontalRule().run()}> <IconButton
<HorizontalRuleIcon /> onClick={() => editor.chain().focus().setHorizontalRule().run()}
</IconButton> disabled={!editor.can().chain().focus().setHorizontalRule().run()}
sx={{
color: 'gray',
padding: isMobile ? '5px' : 'revert',
}}
>
<HorizontalRuleIcon />
</IconButton>
<IconButton <IconButton
onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()} onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
// color={editor.isActive('heading', { level: 1 }) ? 'white' : 'gray'} // color={editor.isActive('heading', { level: 1 }) ? 'white' : 'gray'}