1
0
mirror of https://github.com/yldio/copilot.git synced 2024-11-11 05:40:11 +02:00

wrap Avatar to add styles

This commit is contained in:
Sérgio Ramos 2017-01-03 10:45:17 +00:00
parent 3f3e5fb371
commit 1f864d1b67
2 changed files with 15 additions and 23 deletions

View File

@ -1,14 +1,9 @@
const Styled = require('styled-components');
// const fns = require('@ui/shared/functions');
const {
default: styled
} = Styled;
// const {
// remcalc
// } = fns;
// Main Contonent Wrapper Styles
module.exports = styled.article`
`;

View File

@ -65,16 +65,20 @@ const StyledName = styled.span`
top: -12px;
`;
const EmptyButton = styled.button`
background: none;
border: none;
`;
const StyledAvatar = styled(Avatar)`
marginLeft: 12px;
`;
const arrowPosition = {
bottom: '100%',
right: '10%'
};
const EmptyButton = styled.button`
background: none
border: none
`;
const Header = ({
account = {},
tooltip = false,
@ -107,27 +111,20 @@ const Header = ({
<Row>
<Column xs={2}>
<Link to='/'>
<StyledLogo
alt='Joyent'
src={logo}
/>
<StyledLogo alt='Joyent' src={logo} />
</Link>
</Column>
<Column
smOffset={8.5}
xs={1.5}
>
<Column smOffset={8.5} xs={1.5}>
<StyledProfileWrapper>
<StyledAvatarWrapper toggled={tooltip}>
<EmptyButton onClick={handleToggleClick}>
<StyledName>{account.name}</StyledName>
<Avatar
<StyledName>
{account.name}
</StyledName>
<StyledAvatar
alt={account.name}
name={account.name}
src={account.avatar}
style={{
marginLeft: '12px'
}}
/>
</EmptyButton>
</StyledAvatarWrapper>