add style - cloud

src/components/common/deploy/index.css

@@ -65,4 +65,4 @@ p.show {
 .item-title {
     display: inline-block;
     width: 180px;
-}
+}

src/components/common/schema/Table.js

@@ -178,8 +178,7 @@ class Table extends Component {
                                             onChange={this.handleDescChange(index)}>
                                             {
                                                 this.state.descriptions.map((value) =>
-                                                    <Option key={Math.random() + 'descriptions'}
-                                                            value={value.toLowerCase()}>{value}</Option>
+                                                    <Option key={Math.random() + 'descriptions'} value={value.toLowerCase()}>{value}</Option>
                                                 )
                                             }
                                         </Select>

src/components/login/CloudConfig.js

@@ -131,7 +131,7 @@ class CloudConfig extends Component {
         return (
             this.state.show ?
                 <div>
-                    <div className="column-menu" onClick={()=>{
+                    <div className="column-menu" onClick={() => {
                         this.props.history.push({
                             pathname: '/login',
                         })
@@ -142,13 +142,13 @@ class CloudConfig extends Component {
                         <span className='cloud-name'>Tencent: </span>
                         <div style={{marginBottom: 15}}>
                             <div>
-                                <div>
-                                    ID: <Input style={{width: 250}} value={this.state.tenID}
-                                               onChange={this.inputChange('tenID')}/>
+                                <div style={{marginBottom: 10}}>
+                                    <span className='item-title-cloud'>ID:</span>
+                                    <Input style={{width: 250}} value={this.state.aliID} onChange={this.inputChange('tenID')}/>
                                 </div>
-                                <div>
-                                    Key: <Input style={{width: 250}} value={this.state.tenKey}
-                                                onChange={this.inputChange('tenKey')}/>
+                                <div style={{marginBottom: 10}}>
+                                    <span className='item-title-cloud'>Key:</span>
+                                    <Input style={{width: 250}} value={this.state.aliKey} onChange={this.inputChange('tenKey')}/>
                                 </div>
                                 {
                                     this.state.showOK === 'tencent' ?
@@ -168,14 +168,15 @@ class CloudConfig extends Component {
                         <span className='cloud-name'>Aliyun: </span>
                         <div style={{marginBottom: 15}}>
                             <div>
-                                <div>
-                                    ID: <Input style={{width: 250}} value={this.state.aliID}
-                                               onChange={this.inputChange('aliID')}/>
+                                <div style={{marginBottom: 10}}>
+                                    <span className='item-title-cloud'>ID:</span>
+                                    <Input style={{width: 250}} value={this.state.aliID} onChange={this.inputChange('aliID')}/>
                                 </div>
-                                <div>
-                                    Key: <Input style={{width: 250}} value={this.state.aliKey}
-                                                onChange={this.inputChange('aliKey')}/>
+                                <div style={{marginBottom: 10}}>
+                                    <span className='item-title-cloud'>Key:</span>
+                                    <Input style={{width: 250}} value={this.state.aliKey} onChange={this.inputChange('aliKey')}/>
                                 </div>
+
                                 {
                                     this.state.showOK === 'aliyun' ?
                                         <Icon type="check-circle" theme="twoTone" twoToneColor="#52c41a"/>
@@ -194,13 +195,13 @@ class CloudConfig extends Component {
                         <span className='cloud-name'>AWS: </span>
                         <div style={{marginBottom: 15}}>
                             <div>
-                                <div>
-                                    ID: <Input style={{width: 250}} value={this.state.awsID}
-                                               onChange={this.inputChange('awsID')}/>
+                                <div style={{marginBottom: 10}}>
+                                    <span className='item-title-cloud'>ID:</span>
+                                    <Input style={{width: 250}} value={this.state.aliID} onChange={this.inputChange('awsID')}/>
                                 </div>
-                                <div>
-                                    Key: <Input style={{width: 250}} value={this.state.awsKey}
-                                                onChange={this.inputChange('awsKey')}/>
+                                <div style={{marginBottom: 10}}>
+                                    <span className='item-title-cloud'>Key:</span>
+                                    <Input style={{width: 250}} value={this.state.aliKey} onChange={this.inputChange('awsKey')}/>
                                 </div>
                                 {
                                     this.state.showOK === 'amazon' ?

src/components/login/Login.js

@@ -4,6 +4,7 @@ import CloudConfig from "./CloudConfig";
 import AccountConfig from "./AccountConfig";
 
 import {Layout} from 'antd';
+import './index.css';
 
 const {Content} = Layout;
 class Login extends Component {

src/components/login/index.css

@@ -0,0 +1,4 @@
+.item-title-cloud {
+  display: inline-block;
+  width: 50px;
+}