From 6eaf5bb4639e27dbb29f1b346601320777aae512 Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Thu, 24 Oct 2024 11:52:38 +0800
Subject: [PATCH] style: comparsion model card title

---
 .../playground/components/multiple-chat/model-item.tsx      | 2 +-
 src/pages/playground/style/model-item.less                  | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/playground/components/multiple-chat/model-item.tsx b/src/pages/playground/components/multiple-chat/model-item.tsx
index a9adaee3..2b74c2aa 100644
--- a/src/pages/playground/components/multiple-chat/model-item.tsx
+++ b/src/pages/playground/components/multiple-chat/model-item.tsx
@@ -382,7 +382,7 @@ const ModelItem: React.FC<ModelItemProps> = forwardRef(
         <div className="header">
           <span className="title">
             <Select
-              style={{ minWidth: '120px', maxWidth: '180px' }}
+              style={{ width: '100%' }}
               variant="borderless"
               options={modelFullList}
               onChange={handleModelChange}
diff --git a/src/pages/playground/style/model-item.less b/src/pages/playground/style/model-item.less
index f66691c0..8a9274dc 100644
--- a/src/pages/playground/style/model-item.less
+++ b/src/pages/playground/style/model-item.less
@@ -13,6 +13,12 @@
     justify-content: space-between;
     height: 46px;
     border-bottom: 1px solid var(--ant-color-border);
+    width: 100%;
+
+    .title {
+      max-width: min(100%, 180px);
+      min-width: 60px;
+    }
   }
 
   .action {