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'> <div className='flex items-center w-0 grow'>
<Variable02 className='shrink-0 w-3.5 h-3.5 text-primary-500' /> <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>
<div className='ml-1 shrink-0 text-xs font-normal text-gray-500 capitalize'>{itemData.type}</div> <div className='ml-1 shrink-0 text-xs font-normal text-gray-500 capitalize'>{itemData.type}</div>
{isObj && ( {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 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'> <div className='flex items-center space-x-1 grow w-0'>
<Variable02 className='w-3.5 h-3.5 text-primary-500' /> <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> {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>
<div className='shrink-0 ml-2 flex items-center'> <div className='shrink-0 ml-2 flex items-center'>