From 58702be32443203eba3e2c3c262d520c9ba84be6 Mon Sep 17 00:00:00 2001
From: vapao <live1989@foxmail.com>
Date: Thu, 18 Nov 2021 14:05:50 +0800
Subject: [PATCH] =?UTF-8?q?U=20=E4=BC=98=E5=8C=96=E5=BA=94=E7=94=A8?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E5=B1=95=E7=A4=BA=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 spug_web/src/pages/deploy/request/SelectApp.js     |  2 +-
 spug_web/src/pages/deploy/request/index.module.css | 14 +++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/spug_web/src/pages/deploy/request/SelectApp.js b/spug_web/src/pages/deploy/request/SelectApp.js
index b8da056..a935c4a 100644
--- a/spug_web/src/pages/deploy/request/SelectApp.js
+++ b/spug_web/src/pages/deploy/request/SelectApp.js
@@ -83,7 +83,7 @@ class SelectApp extends React.Component {
           <div className={styles.right}>
             <Spin spinning={store.isLoading}>
               <div className={styles.title}>
-                <div>{lds.get(envStore.idMap, `${env_id}.name`)}</div>
+                <div className={styles.titleText}>{lds.get(envStore.idMap, `${env_id}.name`)}</div>
                 <Input
                   allowClear
                   style={{width: 200}}
diff --git a/spug_web/src/pages/deploy/request/index.module.css b/spug_web/src/pages/deploy/request/index.module.css
index 0abb9ec..e5c2309 100644
--- a/spug_web/src/pages/deploy/request/index.module.css
+++ b/spug_web/src/pages/deploy/request/index.module.css
@@ -5,11 +5,12 @@
     min-height: 500px;
 }
 .left {
-    flex: 2;
+    width: 220px;
     border-right: 1px solid #e8e8e8;
+    overflow: hidden;
 }
 .right {
-    flex: 7;
+    width: 580px;
     padding: 8px 40px;
 }
 
@@ -24,8 +25,15 @@
     line-height: 28px;
 }
 
+.titleText {
+    padding-right: 12px;
+    width: 300px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
  .appItem {
-    width: 560px;
     display: flex;
     align-items: center;
     padding: 12px 16px;