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:
parent
c6ab7b9326
commit
486ccc1a15
@ -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',
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user