mirror/yapi
2
0
Fork 0
mirror of https://github.com/YMFE/yapi.git synced 2025-01-18 13:04:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 项目环境设置样式 bug

Browse Source
This commit is contained in:
suxiaoxin 2017-12-04 11:31:25 +08:00
parent 9b89610e38
commit 4f9742cd52
2 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/containers/Project/Setting/ProjectEnv/ProjectEnv.js
View File

@ -137,7 +137,7 @@ class PrpjectEnv extends Component {
const envSettingItems = envs.map((k, index) => { const envSettingItems = envs.map((k, index) => {
const secondIndex = 'next' + index; // 为保证key的唯一性 const secondIndex = 'next' + index; // 为保证key的唯一性
return ( return (
<Row key={index} type="flex" justify="space-between" className={index === 0 ? 'env-first-row' : null} align={index === 0 ? 'bottom' : 'top'}> <Row key={index} type="flex" justify="space-between" className={index === 0 ? 'project-env env-first-row' : 'project-env'} align={index === 0 ? 'bottom' : 'top'}>
<Col span={11}> <Col span={11}>
<FormItem <FormItem
label={index === 0 ? ( label={index === 0 ? (

24
client/containers/Project/Setting/Setting.scss
View File

@ -193,11 +193,25 @@
} }
} }
// 环境配置中首个item的删除按钮定位调整
.env-first-row {
.ant-col-2 {
position: relative; .project-env{
bottom: .16rem; // 环境配置中首个item的删除按钮定位调整
.env-first-row {
.ant-col-2 {
position: relative;
bottom: .16rem;
}
display: flex;
flex-flow: row wrap;
height: 55px;
}
.ant-row-flex {
display: flex;
flex-flow: row wrap;
height: 55px;
} }
} }