From 5e5d37cbf1eb3f26e4f9902ab872ba6bbe7494b1 Mon Sep 17 00:00:00 2001
From: sheetung <30528385+sheetung@users.noreply.github.com>
Date: Mon, 19 May 2025 18:11:50 +0800
Subject: [PATCH] St/webui (#1452)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 解决webUI模型配置页面卡片溢出问题

* fix: webUI卡片文本溢出问题
---
 .../bots/components/bot-card/botCard.module.css | 17 +++++++++++++++++
 .../pipeline-card/pipelineCard.module.css       | 10 ++++++++++
 2 files changed, 27 insertions(+)

diff --git a/web/src/app/home/bots/components/bot-card/botCard.module.css b/web/src/app/home/bots/components/bot-card/botCard.module.css
index 30a6cef2..8f8911b0 100644
--- a/web/src/app/home/bots/components/bot-card/botCard.module.css
+++ b/web/src/app/home/bots/components/bot-card/botCard.module.css
@@ -33,6 +33,8 @@
   display: flex;
   flex-direction: column;
   gap: 0.2rem;
+  min-width: 0;
+  width: 100%;
 }
 
 .basicInfoNameContainer {
@@ -43,12 +45,18 @@
 .basicInfoName {
   font-size: 1.4rem;
   font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .basicInfoDescription {
   font-size: 1rem;
   font-weight: 300;
   color: #b1b1b1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .basicInfoAdapterContainer {
@@ -88,3 +96,12 @@
   font-weight: 500;
   color: #626262;
 }
+
+.bigText {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 1.4rem;
+  font-weight: bold;
+  max-width: 100%;
+}
\ No newline at end of file
diff --git a/web/src/app/home/pipelines/components/pipeline-card/pipelineCard.module.css b/web/src/app/home/pipelines/components/pipeline-card/pipelineCard.module.css
index 43e14b4c..f0a2ffdc 100644
--- a/web/src/app/home/pipelines/components/pipeline-card/pipelineCard.module.css
+++ b/web/src/app/home/pipelines/components/pipeline-card/pipelineCard.module.css
@@ -23,6 +23,7 @@
   flex-direction: column;
   justify-content: space-between;
   gap: 0.4rem;
+  min-width: 0;
 }
 
 .basicInfoNameContainer {
@@ -88,3 +89,12 @@
   font-weight: 400;
   color: #ffcd27;
 }
+
+.bigText {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 1.4rem;
+  font-weight: bold;
+  max-width: 100%;
+}
\ No newline at end of file