新建项目页面排版调整

This commit is contained in:
caishi 2021-09-09 16:35:02 +08:00
parent a4475e995b
commit a24132412e
2 changed files with 13 additions and 14 deletions

View File

@ -377,7 +377,6 @@ class Index extends Component {
<span className="mr10">密码</span>
<Form.Item
style={{ marginBottom: "0px" }}
label=""
>
{getFieldDecorator('password', {
rules: [],
@ -394,6 +393,7 @@ class Index extends Component {
label="拥有者"
style={{width:"260px"}}
colon={false}
className="explainPos"
>
{getFieldDecorator('user_id', {
rules: [{
@ -416,7 +416,7 @@ class Index extends Component {
<span className="ml10 mr10 mt10 font-18">/</span>
<Form.Item
label="项目名称"
className="flex1"
className="flex1 explainPos"
colon={false}
>
{getFieldDecorator('name', {
@ -462,7 +462,7 @@ class Index extends Component {
className="privatePart"
>
{getFieldDecorator('ignoreFlag')(
<Checkbox checked={ignoreFlag}>.gitignore</Checkbox>
<Checkbox checked={ignoreFlag} onChange={(e)=>this.setState({ignoreFlag:e.target.checked})}>.gitignore</Checkbox>
)}
</Form.Item>
{ ignoreFlag &&
@ -489,7 +489,7 @@ class Index extends Component {
className="privatePart"
>
{getFieldDecorator('licenseFlag')(
<Checkbox checked={licenseFlag}>开源许可证</Checkbox>
<Checkbox checked={licenseFlag} onChange={(e)=>this.setState({licenseFlag:e.target.checked})}>开源许可证</Checkbox>
)}
</Form.Item>
{ licenseFlag &&
@ -536,11 +536,13 @@ class Index extends Component {
className="privatePart"
>
{getFieldDecorator('categoreFlag')(
<Checkbox checked={categoreFlag}>项目类别</Checkbox>
<Checkbox checked={categoreFlag} onChange={(e)=>this.setState({categoreFlag:e.target.checked})}>项目类别</Checkbox>
)}
</Form.Item>
{categoreFlag &&
<Form.Item>
<Form.Item
className="privatePart"
>
{getFieldDecorator('project_category', {
rules: [{
required: categoreFlag, message: '请选择大类别',

View File

@ -31,26 +31,23 @@
height: 35px;
line-height: 35px;
}
.newPanel_content .ant-form-explain{
position: absolute;
}
.newContent_inline{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items:flex-end
}
.explainPos{
.ant-form-explain{
position: absolute;
}
}
.newContent_inline > .ant-form-item:nth-child(2){
margin-left: 20px;
}
.privatePart{
margin-bottom: 0px!important;
.ant-form-item-control{
height: 28px;
line-height: 28px;
margin-top: 10px;
}
.ant-form-item-label{
margin-left: 0px;
}