Tweak header block spacing

This commit is contained in:
Tom Moor 2018-05-12 11:09:59 -07:00
parent a30bdb91f4
commit 016bb01948
2 changed files with 13 additions and 3 deletions

View File

@ -48,6 +48,7 @@ class MainSidebar extends React.Component<Props> {
subheading={user.name}
teamName={team.name}
logoUrl={team.avatarUrl}
showDisclosure
/>
}
/>

View File

@ -9,16 +9,24 @@ import TeamLogo from './TeamLogo';
type Props = {
teamName: string,
subheading: string,
showDisclosure?: boolean,
logoUrl: string,
};
function HeaderBlock({ teamName, subheading, logoUrl, ...rest }: Props) {
function HeaderBlock({
showDisclosure,
teamName,
subheading,
logoUrl,
...rest
}: Props) {
return (
<Header justify="flex-start" align="center" {...rest}>
<TeamLogo src={logoUrl} />
<Flex align="flex-start" column>
<TeamName>
{teamName} <StyledExpandedIcon color={color.text} />
<TeamName showDisclosure>
{teamName}{' '}
{showDisclosure && <StyledExpandedIcon color={color.text} />}
</TeamName>
<Subheading>{subheading}</Subheading>
</Flex>
@ -42,6 +50,7 @@ const Subheading = styled.div`
const TeamName = styled.div`
padding-left: 10px;
margin-top: ${props => (props.showDisclosure ? '-8px' : '0')};
font-weight: 600;
color: ${color.text};
text-decoration: none;