mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-08-14 22:25:58 +08:00
fix(style): some style issues (#5029)
This commit is contained in:
parent
ea5c8a72e2
commit
d319d9fc5e
@ -53,9 +53,9 @@ const ConfigCredential: FC<Props> = ({
|
|||||||
positionCenter={positionCenter}
|
positionCenter={positionCenter}
|
||||||
onHide={onHide}
|
onHide={onHide}
|
||||||
title={t('tools.createTool.authMethod.title')!}
|
title={t('tools.createTool.authMethod.title')!}
|
||||||
panelClassName='mt-2 !w-[520px]'
|
panelClassName='mt-2 !w-[520px] h-fit'
|
||||||
maxWidthClassName='!max-w-[520px]'
|
maxWidthClassName='!max-w-[520px]'
|
||||||
height='calc(100vh - 16px)'
|
height={'fit-content'}
|
||||||
headerClassName='!border-b-black/5'
|
headerClassName='!border-b-black/5'
|
||||||
body={
|
body={
|
||||||
<div className='pt-2 px-6'>
|
<div className='pt-2 px-6'>
|
||||||
|
@ -31,7 +31,7 @@ const Filed: FC<Props> = ({
|
|||||||
toggle: toggleFold,
|
toggle: toggleFold,
|
||||||
}] = useBoolean(true)
|
}] = useBoolean(true)
|
||||||
return (
|
return (
|
||||||
<div className={cn(className, inline && 'flex justify-between items-center')}>
|
<div className={cn(className, inline && 'flex justify-between items-center w-full')}>
|
||||||
<div
|
<div
|
||||||
onClick={() => supportFold && toggleFold()}
|
onClick={() => supportFold && toggleFold()}
|
||||||
className={cn('flex justify-between items-center', supportFold && 'cursor-pointer')}>
|
className={cn('flex justify-between items-center', supportFold && 'cursor-pointer')}>
|
||||||
|
@ -17,7 +17,7 @@ const InfoPanel: FC<Props> = ({
|
|||||||
<div className='leading-4 text-[10px] font-medium text-gray-500 uppercase'>
|
<div className='leading-4 text-[10px] font-medium text-gray-500 uppercase'>
|
||||||
{title}
|
{title}
|
||||||
</div>
|
</div>
|
||||||
<div className='leading-4 text-xs font-normal text-gray-700'>
|
<div className='leading-4 text-xs font-normal text-gray-700 break-words'>
|
||||||
{content}
|
{content}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -145,7 +145,7 @@ const Item: FC<ItemProps> = ({
|
|||||||
return (
|
return (
|
||||||
<div className='space-y-2'>
|
<div className='space-y-2'>
|
||||||
{isShowLogicalOperator && (
|
{isShowLogicalOperator && (
|
||||||
<div className='flex items-center select-none'>
|
<div className='flex items-center justify-center select-none'>
|
||||||
<div className='flex items-center '>
|
<div className='flex items-center '>
|
||||||
{Line}
|
{Line}
|
||||||
<div
|
<div
|
||||||
@ -168,7 +168,7 @@ const Item: FC<ItemProps> = ({
|
|||||||
nodeId={nodeId}
|
nodeId={nodeId}
|
||||||
readonly={readonly}
|
readonly={readonly}
|
||||||
isShowNodeName
|
isShowNodeName
|
||||||
className='w-[162px]'
|
className='min-w-[162px] flex-grow'
|
||||||
value={payload.variable_selector}
|
value={payload.variable_selector}
|
||||||
onChange={handleVarReferenceChange}
|
onChange={handleVarReferenceChange}
|
||||||
filterVar={filterVar}
|
filterVar={filterVar}
|
||||||
@ -229,7 +229,7 @@ const Item: FC<ItemProps> = ({
|
|||||||
value={!isValueReadOnly ? payload.value : ''}
|
value={!isValueReadOnly ? payload.value : ''}
|
||||||
onChange={handleValueChange}
|
onChange={handleValueChange}
|
||||||
placeholder={(!readonly && !isValueReadOnly) ? t(`${i18nPrefix}.enterValue`)! : ''}
|
placeholder={(!readonly && !isValueReadOnly) ? t(`${i18nPrefix}.enterValue`)! : ''}
|
||||||
className='w-[80px] h-8 leading-8 px-2.5 rounded-lg border-0 bg-gray-100 text-gray-900 text-[13px] placeholder:text-gray-400 focus:outline-none focus:ring-1 focus:ring-inset focus:ring-gray-200'
|
className='min-w-[80px] flex-grow h-8 leading-8 px-2.5 rounded-lg border-0 bg-gray-100 text-gray-900 text-[13px] placeholder:text-gray-400 focus:outline-none focus:ring-1 focus:ring-inset focus:ring-gray-200'
|
||||||
type='text'
|
type='text'
|
||||||
/>
|
/>
|
||||||
{!readonly && (
|
{!readonly && (
|
||||||
|
Loading…
x
Reference in New Issue
Block a user