Feat: web app dark mode (#14732)

This commit is contained in:
KVOJJJin
2025-03-03 14:44:51 +08:00
committed by GitHub
parent e53052ab7a
commit d0d0bf570e
98 changed files with 3006 additions and 2496 deletions

View File

@@ -19,11 +19,11 @@ import { useStore } from '../store'
import {
WorkflowRunningStatus,
} from '../types'
import { SimpleBtn } from '../../app/text-generate/item'
import Toast from '../../base/toast'
import InputsPanel from './inputs-panel'
import cn from '@/utils/classnames'
import Loading from '@/app/components/base/loading'
import Button from '@/app/components/base/button'
const WorkflowPreview = () => {
const { t } = useTranslation()
@@ -122,8 +122,8 @@ const WorkflowPreview = () => {
onClick={() => switchTab('DETAIL')}
/>
{(workflowRunningData?.result.status === WorkflowRunningStatus.Succeeded && workflowRunningData?.resultText && typeof workflowRunningData?.resultText === 'string') && (
<SimpleBtn
className={cn('ml-4 mb-4 inline-flex space-x-1')}
<Button
className={cn('ml-4 mb-4 space-x-1')}
onClick={() => {
const content = workflowRunningData?.resultText
if (typeof content === 'string')
@@ -134,7 +134,7 @@ const WorkflowPreview = () => {
}}>
<RiClipboardLine className='w-3.5 h-3.5' />
<div>{t('common.operation.copy')}</div>
</SimpleBtn>
</Button>
)}
</>
)}

View File

@@ -89,7 +89,7 @@ const NodePanel: FC<Props> = ({
<div
className={cn(
'flex items-center pl-1 pr-3 cursor-pointer',
hideInfo ? 'py-2' : 'py-1.5',
hideInfo ? 'py-2 pl-2' : 'py-1.5',
!collapseState && (hideInfo ? '!pb-1' : '!pb-1.5'),
)}
onClick={() => setCollapseState(!collapseState)}

View File

@@ -170,7 +170,7 @@ const TracingPanel: FC<TracingPanelProps> = ({
return (
<div
className={cn(className || 'bg-components-panel-bg', 'py-2')}
className={cn('py-2', className)}
onClick={(e) => {
e.stopPropagation()
e.nativeEvent.stopImmediatePropagation()