fix: indent spacing

This commit is contained in:
Joel 2025-04-01 10:33:55 +08:00
parent 722d35e9e7
commit 3d83bc1811
2 changed files with 4 additions and 4 deletions

View File

@ -43,12 +43,12 @@ const Field: FC<Props> = ({
onClick={toggleFold}
/>
)}
<div className={cn('system-sm-medium h-6 truncate leading-6 text-text-secondary', isRoot && rootClassName)}>{name}</div>
<div className={cn('system-sm-medium ml-[7px] h-6 truncate leading-6 text-text-secondary', isRoot && rootClassName)}>{name}</div>
<div className='system-xs-regular ml-3 shrink-0 leading-6 text-text-tertiary'>{getFieldType(payload)}</div>
{required && <div className='system-2xs-medium-uppercase ml-3 leading-6 text-text-warning'>{t('app.structOutput.required')}</div>}
</div>
{payload.description && (
<div className='flex'>
<div className='ml-[7px] flex'>
<div className='system-xs-regular w-0 grow truncate text-text-tertiary'>{payload.description}</div>
</div>
)}

View File

@ -14,9 +14,9 @@ const TreeIndentLine: FC<Props> = ({
}) => {
const depthArray = Array.from({ length: depth }, (_, index) => index)
return (
<div className={cn('ml-2.5 mr-2.5 flex space-x-[12px]', className)}>
<div className={cn('flex', className)}>
{depthArray.map(d => (
<div key={d} className={cn('w-px bg-divider-regular')}></div>
<div key={d} className={cn('ml-2.5 mr-2.5 w-px bg-divider-regular')}></div>
))}
</div>
)