fix(style): some style issues (#5029)

This commit is contained in:
Pika 2024-06-07 20:59:39 +08:00 committed by GitHub
parent ea5c8a72e2
commit d319d9fc5e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 7 additions and 7 deletions

View File

@ -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'>

View File

@ -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')}>

View File

@ -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>

View File

@ -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 && (