chore: some components upgrage to new ui (#6468)

This commit is contained in:
Joel
2024-07-19 16:39:49 +08:00
committed by GitHub
parent 57729823a0
commit 3da854fe40
10 changed files with 52 additions and 44 deletions

View File

@@ -79,7 +79,7 @@ const BaseNode: FC<BaseNodeProps> = ({
<div
className={cn(
'flex border-[2px] rounded-2xl',
showSelectedBorder ? 'border-primary-600' : 'border-transparent',
showSelectedBorder ? 'border-components-option-card-option-selected-border' : 'border-transparent',
)}
ref={nodeRef}
style={{
@@ -91,8 +91,8 @@ const BaseNode: FC<BaseNodeProps> = ({
className={cn(
'group relative pb-1 shadow-xs',
'border border-transparent rounded-[15px]',
data.type !== BlockEnum.Iteration && 'w-[240px] bg-[#fcfdff]',
data.type === BlockEnum.Iteration && 'flex flex-col w-full h-full bg-[#fcfdff]/80',
data.type !== BlockEnum.Iteration && 'w-[240px] bg-workflow-block-bg',
data.type === BlockEnum.Iteration && 'flex flex-col w-full h-full bg-workflow-block-bg/80',
!data._runningStatus && 'hover:shadow-lg',
showRunningBorder && '!border-primary-500',
showSuccessBorder && '!border-[#12B76A]',
@@ -156,7 +156,7 @@ const BaseNode: FC<BaseNodeProps> = ({
/>
<div
title={data.title}
className='grow mr-1 text-[13px] font-semibold text-gray-700 truncate'
className='grow mr-1 system-sm-semibold-uppercase text-text-primary truncate'
>
{data.title}
</div>
@@ -197,7 +197,7 @@ const BaseNode: FC<BaseNodeProps> = ({
}
{
data.desc && data.type !== BlockEnum.Iteration && (
<div className='px-3 pt-1 pb-2 text-xs leading-[18px] text-gray-500 whitespace-pre-line break-words'>
<div className='px-3 pt-1 pb-2 system-xs-regular text-text-tertiary whitespace-pre-line break-words'>
{data.desc}
</div>
)