From 0aac88bb929e14c6e5edee2ff36d9f2fa7d4cb6f Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Sun, 13 Apr 2025 13:34:48 +0800
Subject: [PATCH] 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.
---
 .../ProviderSettings/EditModelsPopup.tsx         | 16 +++++++---------
 .../settings/ProviderSettings/ModelList.tsx      |  2 +-
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/renderer/src/pages/settings/ProviderSettings/EditModelsPopup.tsx b/src/renderer/src/pages/settings/ProviderSettings/EditModelsPopup.tsx
index 3095b1561c..e55182d102 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/EditModelsPopup.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/EditModelsPopup.tsx
@@ -268,16 +268,14 @@ const PopupContainer: React.FC<Props> = ({ provider: _provider, resolve }) => {
                           <ModelTagsWithLabel model={model} size={11} />
                         </ListItemName>
                       ),
-                      extra: (
+                      extra: model.description && (
                         <div style={{ marginTop: 6 }}>
-                          {model.description && (
-                            <Typography.Paragraph
-                              type="secondary"
-                              ellipsis={{ rows: 1, expandable: true }}
-                              style={{ marginBottom: 0, marginTop: 5 }}>
-                              {model.description}
-                            </Typography.Paragraph>
-                          )}
+                          <Typography.Paragraph
+                            type="secondary"
+                            ellipsis={{ rows: 1, expandable: true }}
+                            style={{ marginBottom: 0, marginTop: 5 }}>
+                            {model.description}
+                          </Typography.Paragraph>
                         </div>
                       ),
                       ext: '.model',
diff --git a/src/renderer/src/pages/settings/ProviderSettings/ModelList.tsx b/src/renderer/src/pages/settings/ProviderSettings/ModelList.tsx
index 7496ee587f..eb90ea1c1b 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/ModelList.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/ModelList.tsx
@@ -272,7 +272,7 @@ const ModelList: React.FC<ModelListProps> = ({ providerId, modelStatuses = [], s
                 return (
                   <ListItem key={model.id}>
                     <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()}
                       </Avatar>
                       <ListItemName>