estel/dify
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: workflow note dark theme (#12932)

Browse Source
This commit is contained in:
zxhlyh
2025-01-22 14:22:33 +08:00
committed by GitHub
parent f91f5c7401
commit 8dd1873e76
11 changed files with 78 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/component.tsx
View File

@@ -69,9 +69,9 @@ const LinkEditorComponent = ({
<FloatingPortal root={containerElement}>
<div
className={cn(
'nodrag nopan inline-flex items-center w-max rounded-md border-[0.5px] border-black/5 bg-white z-10',
'nodrag nopan inline-flex items-center w-max rounded-md border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg z-10',
!linkOperatorShow && 'p-1 shadow-md',
linkOperatorShow && 'p-0.5 shadow-sm text-xs text-gray-500 font-medium',
linkOperatorShow && 'p-0.5 shadow-sm system-xs-medium text-text-tertiary',
)}
style={floatingStyles}
ref={refs.setFloating}
@@ -80,7 +80,7 @@ const LinkEditorComponent = ({
!linkOperatorShow && (
<>
<input
className='mr-0.5 p-1 w-[196px] h-6 rounded-sm text-[13px] appearance-none outline-none'
className='mr-0.5 p-1 w-[196px] h-6 rounded-sm text-[13px] appearance-none outline-none bg-transparent text-components-input-text-filled'
value={url}
onChange={e => setUrl(e.target.value)}
placeholder={t('workflow.nodes.note.editor.enterUrl') || ''}
@@ -101,7 +101,7 @@ const LinkEditorComponent = ({
linkOperatorShow && (
<>
<a
className='flex items-center px-2 h-6 rounded-md hover:bg-gray-50'
className='flex items-center px-2 h-6 rounded-md hover:bg-state-base-hover'
href={escape(url)}
target='_blank'
rel='noreferrer'
@@ -112,14 +112,14 @@ const LinkEditorComponent = ({
</div>
<div
title={escape(url)}
className='text-primary-600 max-w-[140px] truncate'
className='text-text-accent max-w-[140px] truncate'
>
{escape(url)}
</div>
</a>
<div className='mx-1 w-[1px] h-3.5 bg-gray-100'></div>
<div className='mx-1 w-[1px] h-3.5 bg-divider-regular'></div>
<div
className='flex items-center mr-0.5 px-2 h-6 rounded-md cursor-pointer hover:bg-gray-50'
className='flex items-center mr-0.5 px-2 h-6 rounded-md cursor-pointer hover:bg-state-base-hover'
onClick={(e) => {
e.stopPropagation()
setLinkOperatorShow(false)
@@ -129,7 +129,7 @@ const LinkEditorComponent = ({
{t('common.operation.edit')}
</div>
<div
className='flex items-center px-2 h-6 rounded-md cursor-pointer hover:bg-gray-50'
className='flex items-center px-2 h-6 rounded-md cursor-pointer hover:bg-state-base-hover'
onClick={handleUnlink}
>
<RiLinkUnlinkM className='mr-1 w-3 h-3' />