fix: var too long

This commit is contained in:
Joel 2024-03-26 17:18:23 +08:00
parent de00245af0
commit b5578c754f
2 changed files with 3 additions and 3 deletions

View File

@ -96,7 +96,7 @@ const Item: FC<ItemProps> = ({
>
<div className='flex items-center w-0 grow'>
<Variable02 className='shrink-0 w-3.5 h-3.5 text-primary-500' />
<div className='ml-1 w-0 grow text-ellipsis text-[13px] font-normal text-gray-900'>{itemData.variable}</div>
<div title={itemData.variable} className='ml-1 w-0 grow truncate text-[13px] font-normal text-gray-900'>{itemData.variable}</div>
</div>
<div className='ml-1 shrink-0 text-xs font-normal text-gray-500 capitalize'>{itemData.type}</div>
{isObj && (

View File

@ -42,9 +42,9 @@ const VarItem: FC<Props> = ({
<div ref={ref} className='flex items-center h-8 justify-between px-2.5 bg-white rounded-lg border border-gray-200 shadow-xs cursor-pointer hover:shadow-md'>
<div className='flex items-center space-x-1 grow w-0'>
<Variable02 className='w-3.5 h-3.5 text-primary-500' />
<div className='shrink-0 truncate text-[13px] font-medium text-gray-700'>{payload.variable}</div>
<div title={payload.variable} className='shrink-0 max-w-[130px] truncate text-[13px] font-medium text-gray-700'>{payload.variable}</div>
{payload.label && (<><div className='shrink-0 text-xs font-medium text-gray-400'>·</div>
<div className='grow w-0 truncate text-[13px] font-medium text-gray-500'>{payload.label}</div>
<div title={payload.label} className='max-w-[130px] truncate text-[13px] font-medium text-gray-500'>{payload.label}</div>
</>)}
</div>
<div className='shrink-0 ml-2 flex items-center'>