feat(web): workflow ui upgrade

This commit is contained in:
zhaoying
2026-03-07 14:55:04 +08:00
parent 06fe3f2f01
commit 6d53d9178c
48 changed files with 1702 additions and 1335 deletions

View File

@@ -433,12 +433,12 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
return (
<RbDrawer
title={<div className="rb:flex rb:items-center rb:gap-2.5">
title={<Flex align="center" gap={10}>
{t('workflow.run')}
{variables.length > 0 && <Space>
<Button size="small" onClick={handleEditVariables}>{t('application.variable')}</Button>
</Space>}
</div>}
</Flex>}
classNames={{
body: 'rb:p-0!'
}}
@@ -458,7 +458,7 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
return <Runtime item={item} index={index} />
}}
/>
<div className="rb:relative rb:flex rb:items-center rb:gap-2.5 rb:m-4 rb:mb-1">
<Flex align="center" gap={10} className="rb:relative rb:m-4! rb:mb-1!">
<ChatInput
message={message}
className="rb:relative!"
@@ -496,7 +496,7 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
</Flex>
</Flex>
</ChatInput>
</div>
</Flex>
<VariableConfigModal
ref={variableConfigModalRef}

View File

@@ -28,6 +28,9 @@
background-color: transparent;
border-top: none;
}
:global(.ant-collapse .ant-collapse-content>.ant-collapse-content-box) {
padding-top: 0;
}
.collapse-item :global(.ant-collapse) {
/* background-color: #F0F3F8; */
background-color: #FBFDFF;
@@ -38,5 +41,5 @@
border-radius: 0 0 6px 6px;
}
.collapse-item :global(.ant-collapse .ant-collapse-content>.ant-collapse-content-box) {
padding: 4px;
padding: 0 4px 4px 4px;
}