fix(EditModelsPopup, ModelList): adjust avatar size and streamline model description rendering

- Reduced avatar size in ModelList for better alignment.
- Simplified rendering logic for model descriptions in EditModelsPopup to enhance readability.
This commit is contained in:
kangfenmao 2025-04-13 13:34:48 +08:00
parent c6ab7b9326
commit 486ccc1a15
2 changed files with 8 additions and 10 deletions

View File

@ -268,16 +268,14 @@ const PopupContainer: React.FC<Props> = ({ provider: _provider, resolve }) => {
<ModelTagsWithLabel model={model} size={11} /> <ModelTagsWithLabel model={model} size={11} />
</ListItemName> </ListItemName>
), ),
extra: ( extra: model.description && (
<div style={{ marginTop: 6 }}> <div style={{ marginTop: 6 }}>
{model.description && (
<Typography.Paragraph <Typography.Paragraph
type="secondary" type="secondary"
ellipsis={{ rows: 1, expandable: true }} ellipsis={{ rows: 1, expandable: true }}
style={{ marginBottom: 0, marginTop: 5 }}> style={{ marginBottom: 0, marginTop: 5 }}>
{model.description} {model.description}
</Typography.Paragraph> </Typography.Paragraph>
)}
</div> </div>
), ),
ext: '.model', ext: '.model',

View File

@ -272,7 +272,7 @@ const ModelList: React.FC<ModelListProps> = ({ providerId, modelStatuses = [], s
return ( return (
<ListItem key={model.id}> <ListItem key={model.id}>
<HStack alignItems="center" gap={10} style={{ flex: 1 }}> <HStack alignItems="center" gap={10} style={{ flex: 1 }}>
<Avatar src={getModelLogo(model.id)} style={{ width: 30, height: 30 }}> <Avatar src={getModelLogo(model.id)} style={{ width: 26, height: 26 }}>
{model?.name?.[0]?.toUpperCase()} {model?.name?.[0]?.toUpperCase()}
</Avatar> </Avatar>
<ListItemName> <ListItemName>