From e0b90f20cdcb1a74cf9097552bc61126ac767c65 Mon Sep 17 00:00:00 2001
From: "wenbo.dong" <wenbo.dong@qunar.com>
Date: Fri, 22 Sep 2017 14:01:41 +0800
Subject: [PATCH] =?UTF-8?q?opti:=20=E7=8E=AF=E5=A2=83=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Project/Setting/ProjectEnv/ProjectEnv.js       |  6 +++++-
 client/styles/common.scss                          | 14 ++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/client/containers/Project/Setting/ProjectEnv/ProjectEnv.js b/client/containers/Project/Setting/ProjectEnv/ProjectEnv.js
index f41bedb8..b9df5f0e 100644
--- a/client/containers/Project/Setting/ProjectEnv/ProjectEnv.js
+++ b/client/containers/Project/Setting/ProjectEnv/ProjectEnv.js
@@ -228,9 +228,13 @@ class PrpjectEnv extends Component {
     });
     return (
       <div className="m-panel">
+        <div className="panel-title">
+          <h2 className="title">在这里添加项目的环境配置</h2>
+          <p className="desc">你可以添加多个环境，用于区分不同的使用场景。</p>
+        </div>
         <FormItem {...formItemLayout}>
           {envSettingItems}
-          <Button type="default" onClick={this.add} style={{ width: '50%' }}>
+          <Button type="default" onClick={this.add} >
             <Icon type="plus" /> 添加环境配置
           </Button>
         </FormItem>
diff --git a/client/styles/common.scss b/client/styles/common.scss
index 5c0a795e..af93e389 100755
--- a/client/styles/common.scss
+++ b/client/styles/common.scss
@@ -115,6 +115,20 @@ em {
   min-height: 5rem;
 }
 
+.panel-title {
+  margin-bottom: .16rem;
+  border-left: 3px solid #2395f1;
+  padding-left: 8px;
+  .title {
+    font-weight: normal;
+  }
+  .desc {
+    font-size: 13px;
+    color: #919191;
+
+  }
+}
+
 @media (max-width: 768px) {
   html {
     width: min-content !important;