outman/dify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: long model name display issue

Browse Source
This commit is contained in:
Yi 2025-01-08 17:53:25 +08:00
parent c357ec0f7c
commit 38dd285656
1 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
web/app/components/header/account-setting/model-provider-page/model-selector/deprecated-model-trigger.tsx
View File

@ -22,22 +22,24 @@ const ModelTrigger: FC<ModelTriggerProps> = ({
return ( return (
<div <div
className={cn('group flex flex-grow items-center p-[3px] pl-1 h-8 gap-1 rounded-lg bg-components-input-bg-disabled cursor-pointer', className)} className={cn('group flex flex-grow box-content items-center p-[3px] pl-1 h-8 gap-1 rounded-lg bg-components-input-bg-disabled cursor-pointer', className)}
> >
<div className='flex items-center py-[1px] gap-1 grow'> <div className='flex items-center w-full'>
<ModelIcon <div className='flex items-center py-[1px] gap-1 min-w-0 flex-1'>
className="w-4 h-4" <ModelIcon
provider={currentProvider} className="w-4 h-4"
modelName={modelName} provider={currentProvider}
/> modelName={modelName}
<div className='system-sm-regular text-components-input-text-filled truncate'> />
{modelName} <div className='system-sm-regular text-components-input-text-filled truncate'>
{modelName}
</div>
</div>
<div className='shrink-0 flex items-center justify-center'>
<Tooltip popupContent={t('common.modelProvider.deprecated')}>
<AlertTriangle className='w-4 h-4 text-text-warning-secondary' />
</Tooltip>
</div> </div>
</div>
<div className='shrink-0 flex items-center justify-center w-4 h-4'>
<Tooltip popupContent={t('common.modelProvider.deprecated')}>
<AlertTriangle className='w-4 h-4 text-text-warning-secondary' />
</Tooltip>
</div> </div>
</div> </div>
) )