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

Feat: workflow dark mode (#17785)

Browse Source
This commit is contained in:
KVOJJJin
2025-04-10 17:15:48 +08:00
committed by GitHub
parent 636a0ba37f
commit 17a26da1e6
75 changed files with 324 additions and 368 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/import-from-tool.tsx
View File

@@ -68,8 +68,8 @@ const ImportFromTool: FC<Props> = ({
return (
<div>
<div className={cn(
'flex h-6 cursor-pointer items-center rounded-md px-2 text-xs font-medium text-gray-500 hover:bg-gray-100',
open && 'bg-gray-100',
'flex h-6 cursor-pointer items-center rounded-md px-2 text-xs font-medium text-text-tertiary hover:bg-state-base-hover',
open && 'bg-state-base-hover',
)}>
{t(`${i18nPrefix}.importFromTool`)}
</div>

25
web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/item.tsx
View File

@@ -24,36 +24,33 @@ const Item: FC<Props> = ({
const { t } = useTranslation()
return (
<div className='group relative rounded-lg border-[0.5px] border-gray-200 bg-white px-2.5 py-2 hover:shadow-xs'>
<div className='group relative rounded-lg bg-components-input-bg-normal px-2.5 py-2 hover:shadow-xs'>
<div className='flex justify-between'>
<div className='flex items-center'>
<Variable02 className='h-3.5 w-3.5 text-primary-500' />
<div className='ml-1 text-[13px] font-medium text-gray-900'>{payload.name}</div>
<div className='ml-2 text-xs font-normal capitalize text-gray-500'>{payload.type}</div>
<Variable02 className='h-3.5 w-3.5 text-text-accent-secondary' />
<div className='ml-1 text-[13px] font-medium text-text-primary'>{payload.name}</div>
<div className='ml-2 text-xs font-normal capitalize text-text-tertiary'>{payload.type}</div>
</div>
{payload.required && (
<div className='text-xs font-normal uppercase leading-4 text-gray-500'>{t(`${i18nPrefix}.addExtractParameterContent.required`)}</div>
<div className='text-xs font-normal uppercase leading-4 text-text-tertiary'>{t(`${i18nPrefix}.addExtractParameterContent.required`)}</div>
)}
</div>
<div className='mt-0.5 text-xs font-normal leading-[18px] text-gray-500'>{payload.description}</div>
<div className='mt-0.5 text-xs font-normal leading-[18px] text-text-tertiary'>{payload.description}</div>
<div
className='absolute right-1 top-0 hidden h-full w-[119px] items-center justify-end space-x-1 rounded-lg group-hover:flex'
style={{
background: 'linear-gradient(270deg, #FFF 49.99%, rgba(255, 255, 255, 0.00) 98.1%)',
}}
className='absolute right-0 top-0 hidden h-full w-[119px] items-center justify-end space-x-1 rounded-lg bg-gradient-to-l from-components-panel-on-panel-item-bg to-background-gradient-mask-transparent pr-1 group-hover:flex'
>
<div
className='cursor-pointer rounded-md p-1 hover:bg-black/5'
className='cursor-pointer rounded-md p-1 hover:bg-state-base-hover'
onClick={onEdit}
>
<RiEditLine className='h-4 w-4 text-gray-500' />
<RiEditLine className='h-4 w-4 text-text-tertiary' />
</div>
<div
className='cursor-pointer rounded-md p-1 hover:bg-black/5'
className='group shrink-0 cursor-pointer rounded-md p-1 hover:!bg-state-destructive-hover'
onClick={onDelete}
>
<RiDeleteBinLine className='h-4 w-4 text-gray-500' />
<RiDeleteBinLine className='h-4 w-4 text-text-tertiary group-hover:text-text-destructive' />
</div>
</div>
</div>

4
web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/update.tsx
View File

@@ -146,7 +146,7 @@ const AddExtractParameter: FC<Props> = ({
<Select
defaultValue={param.type}
allowSearch={false}
bgClassName='bg-gray-100'
// bgClassName='bg-gray-100'
onSelect={v => handleParamChange('type')(v.value)}
optionClassName='capitalize'
items={
@@ -171,7 +171,7 @@ const AddExtractParameter: FC<Props> = ({
</Field>
<Field title={t(`${i18nPrefix}.addExtractParameterContent.required`)}>
<>
<div className='mb-1.5 text-xs font-normal leading-[18px] text-gray-500'>{t(`${i18nPrefix}.addExtractParameterContent.requiredContent`)}</div>
<div className='mb-1.5 text-xs font-normal leading-[18px] text-text-tertiary'>{t(`${i18nPrefix}.addExtractParameterContent.requiredContent`)}</div>
<Switch size='l' defaultValue={param.required} onChange={handleParamChange('required')} />
</>
</Field>

2
web/app/components/workflow/nodes/parameter-extractor/panel.tsx
View File

@@ -164,7 +164,7 @@ const Panel: FC<NodePanelProps<ParameterExtractorNodeType>> = ({
{!readOnly && (
<ImportFromTool onImport={handleImportFromTool} />
)}
{!readOnly && (<div className='h-3 w-px bg-gray-200'></div>)}
{!readOnly && (<div className='h-3 w-px bg-divider-regular'></div>)}
<AddExtractParameter type='add' onSave={addExtractParameter} />
</div>
)