opti: 编辑项目页布局调整

This commit is contained in:
wenbo.dong 2017-08-24 18:31:16 +08:00
parent 64896e380d
commit 0352b32e70
4 changed files with 11 additions and 8 deletions

View File

@ -147,7 +147,7 @@ class ProjectList extends Component {
> >
{getFieldDecorator('desc', { {getFieldDecorator('desc', {
rules: [{ rules: [{
required: false, message: '请输入描述!' required: false, message: '描述不超过50字!', max: 50
}] }]
})( })(
<TextArea rows={4} /> <TextArea rows={4} />

View File

@ -16,12 +16,12 @@ import '../Setting.scss';
// layout // layout
const formItemLayout = { const formItemLayout = {
labelCol: { labelCol: {
lg: { span: 3 }, lg: { offset: 1, span: 3 },
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 6 } sm: { span: 6 }
}, },
wrapperCol: { wrapperCol: {
lg: { span: 21 }, lg: { span: 19 },
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 14 } sm: { span: 14 }
}, },
@ -323,12 +323,12 @@ class ProjectMessage extends Component {
return ( return (
<div className="m-panel"> <div className="m-panel">
<Row className="project-setting"> <Row className="project-setting">
<Col sm={6} lg={3} className="setting-logo"> <Col xs={6} lg={{offset: 1, span: 3}} className="setting-logo">
<Popover placement="bottom" title={colorSelector} content={iconSelector} trigger="click" overlayClassName="change-project-container"> <Popover placement="bottom" title={colorSelector} content={iconSelector} trigger="click" overlayClassName="change-project-container">
<Icon type={projectMsg.icon || 'star-o'} className="ui-logo" style={{ backgroundColor: constants.PROJECT_COLOR[projectMsg.color] || constants.PROJECT_COLOR.blue }} /> <Icon type={projectMsg.icon || 'star-o'} className="ui-logo" style={{ backgroundColor: constants.PROJECT_COLOR[projectMsg.color] || constants.PROJECT_COLOR.blue }} />
</Popover> </Popover>
</Col> </Col>
<Col sm={18} lg={21} className="setting-intro"> <Col xs={18} sm={15} lg={19} className="setting-intro">
<h2 className="ui-title">{projectMsg.group_name + ' / ' + projectMsg.name}</h2> <h2 className="ui-title">{projectMsg.group_name + ' / ' + projectMsg.name}</h2>
<p className="ui-desc">{projectMsg.desc}</p> <p className="ui-desc">{projectMsg.desc}</p>
</Col> </Col>
@ -407,7 +407,7 @@ class ProjectMessage extends Component {
{getFieldDecorator('desc', { {getFieldDecorator('desc', {
initialValue: initFormValues.desc, initialValue: initFormValues.desc,
rules: [{ rules: [{
required: false, message: '请输入描述!' required: false, message: '描述不超过50字!', max: 50
}] }]
})( })(
<TextArea rows={4} /> <TextArea rows={4} />

View File

@ -13,6 +13,9 @@ html, body {
height: 100%; height: 100%;
background: #ececec; background: #ececec;
} }
::selection {
background-color: #2395f1;
}
div, article, p, table, tr, td, th, ul, ol, li, h1, h2, h3, form, dl, dt, dd { div, article, p, table, tr, td, th, ul, ol, li, h1, h2, h3, form, dl, dt, dd {
margin: 0; margin: 0;

View File

@ -98,9 +98,9 @@
@background-color-active: #eee; @background-color-active: #eee;
// Disabled states // Disabled states
@disabled-color : fade(#0d1b3e, 25%); @disabled-color : fade(#0d1b3e, 45%);
@disabled-bg : @background-color-base; @disabled-bg : @background-color-base;
@disabled-color-dark : fade(#fff, 35%); @disabled-color-dark : fade(#fff, 55%);
// Shadow // Shadow
@shadow-color : rgba(0, 0, 0, .2); @shadow-color : rgba(0, 0, 0, .2);