opti: 环境设置样式调整

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>

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;