whai/cherry-studio
1
1
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

refactor(ModelList): extract NameSpan component and adjust styling for better layout

Browse Source
This commit is contained in:
ousugo 2025-04-18 03:31:32 +08:00 committed by 亢奋猫
parent 36aa13c4f1
commit 579d7d1e5d
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/renderer/src/pages/settings/ProviderSettings/ModelList.tsx
View File

@ -289,9 +289,9 @@ const ModelList: React.FC<ModelListProps> = ({ providerId, modelStatuses = [], s
</Typography.Text>
}
placement="top">
<span>{model.name}</span>
<NameSpan>{model.name}</NameSpan>
</Tooltip>
<ModelTagsWithLabel model={model} size={11} />
<ModelTagsWithLabel model={model} size={11} style={{ flexShrink: 0 }} />
</ListItemName>
</HStack>
<Flex gap={4} align="center">
@ -371,7 +371,13 @@ const ListItemName = styled.div`
font-size: 14px;
line-height: 1;
font-weight: 600;
span {
min-width: 0;
overflow: hidden;
flex: 1;
width: 0;
`
const NameSpan = styled.span`
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@ -379,7 +385,6 @@ const ListItemName = styled.div`
font-family: 'Ubuntu';
line-height: 30px;
font-size: 14px;
}
`
const RemoveIcon = styled(MinusCircleOutlined)`