From 77950e48c76f4a3b29d01831d43039caba29888a Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期二, 18 十一月 2025 14:12:42 +0800
Subject: [PATCH] 修改
---
app/components/workflow/panel/chat-variable-panel/index.tsx | 48 ++++++++++++++++++++++++------------------------
1 files changed, 24 insertions(+), 24 deletions(-)
diff --git a/app/components/workflow/panel/chat-variable-panel/index.tsx b/app/components/workflow/panel/chat-variable-panel/index.tsx
index ad00bdd..2e03f50 100644
--- a/app/components/workflow/panel/chat-variable-panel/index.tsx
+++ b/app/components/workflow/panel/chat-variable-panel/index.tsx
@@ -116,61 +116,61 @@
return (
<div
className={cn(
- 'relative flex h-full w-[420px] flex-col rounded-l-2xl border border-components-panel-border bg-components-panel-bg-alt',
+ 'relative flex flex-col w-[420px] bg-components-panel-bg-alt rounded-l-2xl h-full border border-components-panel-border',
)}
>
- <div className='system-xl-semibold flex shrink-0 items-center justify-between p-4 pb-0 text-text-primary'>
+ <div className='shrink-0 flex items-center justify-between p-4 pb-0 text-text-primary system-xl-semibold'>
{t('workflow.chatVariable.panelTitle')}
<div className='flex items-center gap-1'>
<ActionButton state={showTip ? ActionButtonState.Active : undefined} onClick={() => setShowTip(!showTip)}>
- <RiBookOpenLine className='h-4 w-4' />
+ <RiBookOpenLine className='w-4 h-4' />
</ActionButton>
<div
- className='flex h-6 w-6 cursor-pointer items-center justify-center'
+ className='flex items-center justify-center w-6 h-6 cursor-pointer'
onClick={() => setShowChatVariablePanel(false)}
>
- <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+ <RiCloseLine className='w-4 h-4 text-text-tertiary' />
</div>
</div>
</div>
{showTip && (
- <div className='shrink-0 px-3 pb-2 pt-2.5'>
- <div className='radius-2xl relative bg-background-section-burn p-3'>
- <div className='system-2xs-medium-uppercase inline-block rounded-[5px] border border-divider-deep px-[5px] py-[3px] text-text-tertiary'>TIPS</div>
- <div className='system-sm-regular mb-4 mt-1 text-text-secondary'>
+ <div className='shrink-0 px-3 pt-2.5 pb-2'>
+ <div className='relative p-3 radius-2xl bg-background-section-burn'>
+ <div className='inline-block py-[3px] px-[5px] rounded-[5px] border border-divider-deep text-text-tertiary system-2xs-medium-uppercase'>TIPS</div>
+ <div className='mt-1 mb-4 system-sm-regular text-text-secondary'>
{t('workflow.chatVariable.panelDescription')}
<a target='_blank' rel='noopener noreferrer' className='text-text-accent' href={locale !== LanguagesSupported[1] ? 'https://docs.dify.ai/guides/workflow/variables#conversation-variables' : `https://docs.dify.ai/${locale.toLowerCase()}/guides/workflow/variables#hui-hua-bian-liang`}>{t('workflow.chatVariable.docLink')}</a>
</div>
<div className='flex items-center gap-2'>
- <div className='radius-lg flex flex-col border border-workflow-block-border bg-workflow-block-bg p-3 pb-4 shadow-md'>
- <BubbleX className='mb-1 h-4 w-4 shrink-0 text-util-colors-teal-teal-700' />
- <div className='system-xs-semibold text-text-secondary'>conversation_var</div>
- <div className='system-2xs-regular text-text-tertiary'>String</div>
+ <div className='flex flex-col p-3 pb-4 bg-workflow-block-bg radius-lg border border-workflow-block-border shadow-md'>
+ <BubbleX className='shrink-0 mb-1 w-4 h-4 text-util-colors-teal-teal-700' />
+ <div className='text-text-secondary system-xs-semibold'>conversation_var</div>
+ <div className='text-text-tertiary system-2xs-regular'>String</div>
</div>
<div className='grow'>
<div className='mb-2 flex items-center gap-2 py-1'>
- <div className='flex h-3 w-16 shrink-0 items-center gap-1 px-1'>
- <LongArrowLeft className='h-2 grow text-text-quaternary' />
- <div className='system-2xs-medium shrink-0 text-text-tertiary'>WRITE</div>
+ <div className='shrink-0 flex items-center gap-1 w-16 h-3 px-1'>
+ <LongArrowLeft className='grow h-2 text-text-quaternary' />
+ <div className='shrink-0 text-text-tertiary system-2xs-medium'>WRITE</div>
</div>
<BlockIcon className='shrink-0' type={BlockEnum.Assigner} />
- <div className='system-xs-semibold grow truncate text-text-secondary'>{t('workflow.blocks.assigner')}</div>
+ <div className='grow text-text-secondary system-xs-semibold truncate'>{t('workflow.blocks.assigner')}</div>
</div>
<div className='flex items-center gap-2 py-1'>
- <div className='flex h-3 w-16 shrink-0 items-center gap-1 px-1'>
- <div className='system-2xs-medium shrink-0 text-text-tertiary'>READ</div>
- <LongArrowRight className='h-2 grow text-text-quaternary' />
+ <div className='shrink-0 flex items-center gap-1 w-16 h-3 px-1'>
+ <div className='shrink-0 text-text-tertiary system-2xs-medium'>READ</div>
+ <LongArrowRight className='grow h-2 text-text-quaternary' />
</div>
<BlockIcon className='shrink-0' type={BlockEnum.LLM} />
- <div className='system-xs-semibold grow truncate text-text-secondary'>{t('workflow.blocks.llm')}</div>
+ <div className='grow text-text-secondary system-xs-semibold truncate'>{t('workflow.blocks.llm')}</div>
</div>
</div>
</div>
- <div className='absolute right-[38px] top-[-4px] z-10 h-3 w-3 rotate-45 bg-background-section-burn'/>
+ <div className='absolute z-10 top-[-4px] right-[38px] w-3 h-3 bg-background-section-burn rotate-45'/>
</div>
</div>
)}
- <div className='shrink-0 px-4 pb-3 pt-2'>
+ <div className='shrink-0 px-4 pt-2 pb-3'>
<VariableModalTrigger
open={showVariableModal}
setOpen={setShowVariableModal}
@@ -180,7 +180,7 @@
onClose={() => setCurrentVar(undefined)}
/>
</div>
- <div className='grow overflow-y-auto rounded-b-2xl px-4'>
+ <div className='grow px-4 rounded-b-2xl overflow-y-auto'>
{varList.map(chatVar => (
<VariableItem
key={chatVar.id}
--
Gitblit v1.8.0