className renamed

This commit is contained in:
svetlagasheva 2018-11-28 11:45:35 +02:00
parent 2806dc187f
commit 07c370189d
2 changed files with 4 additions and 4 deletions

View file

@ -27,7 +27,7 @@ const UserPanel = (props) => {
<div className={styles['user-info']}>
{renderAvatar(props.avatar, props.email)}
{renderEmail(props.email)}
<div onClick={props.email.length === 0 ? props.login : props.logout} className={styles['logging']}>{props.email.length === 0 ? 'Log in' : 'Log out'}</div>
<div onClick={props.email.length === 0 ? props.login : props.logout} className={styles['login-logout']}>{props.email.length === 0 ? 'Log in' : 'Log out'}</div>
</div>
<div className={styles['separator']}></div>
<div onClick={props.resizeWindow} className={styles['option']}>

View file

@ -38,7 +38,7 @@
display: grid;
grid-template-areas:
"avatar email"
"avatar logout";
"avatar login-logout";
.avatar {
grid-area: avatar;
@ -59,8 +59,8 @@
text-overflow: ellipsis;
}
.logging {
grid-area: logout;
.login-logout {
grid-area: login-logout;
display: flex;
align-items: center;
color: @colorneutral;