github
/
spug
mirror of https://github.com/openspug/spug
1
0
Fork 0
Code Issues Releases Wiki Activity

U 优化配置中心一些样式问题

pull/172/head
vapao 2020-08-11 20:15:13 +08:00
parent 6ff4f627f9
commit d7a3e74db8
3 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
spug_web/src/pages/config/setting/DiffConfig.js
View File

@ -8,6 +8,7 @@ import { observer } from 'mobx-react';
import { Modal, Table, Row, Col, Checkbox, Form, Button, Alert } from 'antd';
import http from 'libs/http';
import envStore from '../environment/store';
import styles from './index.module.css';
import store from './store';
@observer
@ -73,9 +74,9 @@ class Record extends React.Component {
onClick={() => this.handleEnvCheck(item)}
style={{cursor: 'pointer', borderTop: index ? '1px solid #e8e8e8' : ''}}>
<Col span={2}><Checkbox checked={envs.map(x => x.id).includes(item.id)}/></Col>
<Col span={3}>{item.key}</Col>
<Col span={4}>{item.name}</Col>
<Col span={15}>{item.desc}</Col>
<Col span={4} className={styles.ellipsis}>{item.key}</Col>
<Col span={9} className={styles.ellipsis}>{item.name}</Col>
<Col span={9} className={styles.ellipsis}>{item.desc}</Col>
</Row>
))}
</Form.Item>

7
spug_web/src/pages/config/setting/Form.js
View File

@ -9,6 +9,7 @@ import {Modal, Form, Input, Checkbox, Switch, Row, Col, message} from 'antd';
import http from 'libs/http';
import store from './store';
import envStore from '../environment/store'
import styles from './index.module.css';
@observer
class ComForm extends React.Component {
@ -100,9 +101,9 @@ class ComForm extends React.Component {
onClick={() => this.handleEnvCheck(item.id)}
style={{cursor: 'pointer', borderTop: index ? '1px solid #e8e8e8' : ''}}>
<Col span={2}><Checkbox disabled={this.isModify} checked={envs.includes(item.id)}/></Col>
<Col span={3}>{item.key}</Col>
<Col span={4}>{item.name}</Col>
<Col span={15}>{item.desc}</Col>
<Col span={4} className={styles.ellipsis}>{item.key}</Col>
<Col span={9} className={styles.ellipsis}>{item.name}</Col>
<Col span={9} className={styles.ellipsis}>{item.desc}</Col>
</Row>
))}
</Form.Item>

6
spug_web/src/pages/config/setting/index.module.css
View File

@ -23,3 +23,9 @@
.form {
max-width: 320px;
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}