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

fix: button (#5470)

Browse Source
This commit is contained in:
zxhlyh
2024-06-21 14:17:45 +08:00
committed by GitHub
parent 92ddb410cd
commit 5d4d65a85b
112 changed files with 638 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web/app/components/workflow/header/index.tsx
View File

@@ -171,11 +171,7 @@ const Header: FC = () => {
<RunAndHistory />
<div className='mx-2 w-[1px] h-3.5 bg-gray-200'></div>
<Button
className={`
mr-2 px-3 py-0 h-8 bg-white text-[13px] font-medium text-gray-700
border-[0.5px] border-gray-200 shadow-xs
${nodesReadOnly && 'opacity-50 !cursor-not-allowed'}
`}
className='mr-2'
onClick={handleShowFeatures}
>
<Grid01 className='w-4 h-4 mr-1 text-gray-500' />
@@ -207,10 +203,7 @@ const Header: FC = () => {
<div className='mx-2 w-[1px] h-3.5 bg-gray-200'></div>
<Button
variant='primary'
className={`
mr-2 px-3 py-0 h-8 text-[13px] font-medium
border-[0.5px] border-gray-200 shadow-xs
`}
className='mr-2'
onClick={handleGoBackToEdit}
>
<ArrowNarrowLeft className='w-4 h-4 mr-1' />
@@ -223,10 +216,6 @@ const Header: FC = () => {
restoring && (
<div className='flex items-center'>
<Button
className={`
px-3 py-0 h-8 bg-white text-[13px] font-medium text-gray-700
border-[0.5px] border-gray-200 shadow-xs
`}
onClick={handleShowFeatures}
>
<Grid01 className='w-4 h-4 mr-1 text-gray-500' />
@@ -234,13 +223,12 @@ const Header: FC = () => {
</Button>
<div className='mx-2 w-[1px] h-3.5 bg-gray-200'></div>
<Button
className='mr-2 px-3 py-0 h-8 bg-white text-[13px] text-gray-700 font-medium border-[0.5px] border-gray-200 shadow-xs'
className='mr-2'
onClick={handleCancelRestore}
>
{t('common.operation.cancel')}
</Button>
<Button
className='px-3 py-0 h-8 text-[13px] font-medium shadow-xs'
onClick={handleRestore}
variant='primary'
>

2
web/app/components/workflow/nodes/_base/components/before-run-form/index.tsx
View File

@@ -144,7 +144,7 @@ const BeforeRunForm: FC<BeforeRunFormProps> = ({
<StopCircle className='w-4 h-4 text-gray-500' />
</div>
)}
<Button disabled={!isFileLoaded || isRunning} variant='primary' className='w-0 grow !h-8 flex items-center space-x-2 text-[13px]' onClick={handleRun}>
<Button disabled={!isFileLoaded || isRunning} variant='primary' className='w-0 grow space-x-2' onClick={handleRun}>
{isRunning && <RiLoader2Line className='animate-spin w-4 h-4 text-white' />}
<div>{t(`${i18nPrefix}.${isRunning ? 'running' : 'startRun'}`)}</div>
</Button>

3
web/app/components/workflow/nodes/_base/components/next-step/item.tsx
View File

@@ -45,8 +45,9 @@ const Item = ({
const renderTrigger = useCallback((open: boolean) => {
return (
<Button
size='small'
className={`
hidden group-hover:flex px-2 py-0 h-6 bg-white text-xs text-gray-700 font-medium rounded-md
hidden group-hover:flex
${open && '!bg-gray-100 !flex'}
`}
>

4
web/app/components/workflow/nodes/http/components/authorization/index.tsx
View File

@@ -139,8 +139,8 @@ const Authorization: FC<Props> = ({
)}
</div>
<div className='mt-6 flex justify-end space-x-2'>
<Button onClick={onHide} className='flex items-center !h-8 leading-[18px] !text-[13px] !font-medium'>{t('common.operation.cancel')}</Button>
<Button variant='primary' onClick={handleConfirm} className='flex items-center !h-8 leading-[18px] !text-[13px] !font-medium'>{t('common.operation.save')}</Button>
<Button onClick={onHide}>{t('common.operation.cancel')}</Button>
<Button variant='primary' onClick={handleConfirm}>{t('common.operation.save')}</Button>
</div>
</div>
</Modal>

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

@@ -180,8 +180,8 @@ const AddExtractParameter: FC<Props> = ({
</Field>
</div>
<div className='mt-4 flex justify-end space-x-2'>
<Button className='flex !h-8 !w-[95px] text-[13px] font-medium text-gray-700' onClick={hideModal} >{t('common.operation.cancel')}</Button>
<Button className='flex !h-8 !w-[95px] text-[13px] font-medium' variant='primary' onClick={handleSave} >{isAdd ? t('common.operation.add') : t('common.operation.save')}</Button>
<Button className='!w-[95px]' onClick={hideModal} >{t('common.operation.cancel')}</Button>
<Button className='!w-[95px]' variant='primary' onClick={handleSave} >{isAdd ? t('common.operation.add') : t('common.operation.save')}</Button>
</div>
</div>
</Modal>

2
web/app/components/workflow/nodes/tool/panel.tsx
View File

@@ -62,7 +62,7 @@ const Panel: FC<NodePanelProps<ToolNodeType>> = ({
<div className='px-4 pb-3'>
<Button
variant='primary'
className='w-full !h-8'
className='w-full'
onClick={showSetAuthModal}
>
{t(`${i18nPrefix}.toAuthorize`)}

5
web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/component.tsx
View File

@@ -88,10 +88,7 @@ const LinkEditorComponent = ({
/>
<Button
variant='primary'
className={cn(
'py-0 px-2 h-6 text-xs',
!url && 'cursor-not-allowed',
)}
size='small'
disabled={!url}
onClick={() => handleSaveLink(url)}
>

1
web/app/components/workflow/panel/debug-and-preview/index.tsx
View File

@@ -50,7 +50,6 @@ const DebugAndPreview = () => {
{t('workflow.common.debugAndPreview').toLocaleUpperCase()}
<div className='flex items-center'>
<Button
className='px-2 h-8 bg-white border-[0.5px] border-gray-200 shadow-xs rounded-lg text-xs text-gray-700 font-medium'
onClick={() => handleRestartChat()}
>
<RefreshCcw01 className='shrink-0 mr-1 w-3 h-3 text-gray-500' />

2
web/app/components/workflow/panel/inputs-panel.tsx
View File

@@ -105,7 +105,7 @@ const InputsPanel = ({ onRun }: Props) => {
<Button
variant='primary'
disabled={!canRun || workflowRunningData?.result?.status === WorkflowRunningStatus.Running}
className='py-0 w-full h-8 rounded-lg text-[13px] font-medium'
className='w-full'
onClick={doRun}
>
{t('workflow.singleRun.startRun')}