Design contentHeader

This commit is contained in:
cyril lopez 2017-07-26 17:00:00 +02:00
parent 469559a2c8
commit be82043f57
4 changed files with 10 additions and 9 deletions

View File

@ -15,7 +15,7 @@ class ContentHeader extends React.Component { // eslint-disable-line react/prefe
<div className={styles.title}>
<FormattedMessage {...{id: this.props.name }} />
</div>
<span><FormattedMessage {...{id: this.props.description}} /></span>
<div className={styles.subTitle}><FormattedMessage {...{id: this.props.description}} /></div>
</div>
);
}

View File

@ -1,12 +1,7 @@
.contentHeader { /* stylelint-disable */
position: relative;
padding: 3rem 4rem;
margin: 2.5rem 4rem;
font-family: Lato;
> span {
color: #787E8F;
font-size: 1.3rem;
line-height: 1.5rem;
}
}
.title {
@ -15,3 +10,10 @@
font-size: 2.4rem;
line-height: 2.9rem;
}
.subTitle {
margin-top: 0rem;
color: #787E8F;
font-size: 1.3rem;
line-height: 1.5rem;
}

View File

@ -16,6 +16,6 @@
position: absolute;
top: 3rem;
right: 3.3rem;
padding-top: 0.5rem;
margin-top: 0.2rem;
padding-right: 2.8rem;
}

View File

@ -3,7 +3,6 @@
> p {
margin: 0;
// margin-bottom: 0.8rem;
padding-left: 3rem;
line-height: 1.3rem;
color: #919BAE;