Tweak header block spacing
This commit is contained in:
parent
a30bdb91f4
commit
016bb01948
|
@ -48,6 +48,7 @@ class MainSidebar extends React.Component<Props> {
|
|||
subheading={user.name}
|
||||
teamName={team.name}
|
||||
logoUrl={team.avatarUrl}
|
||||
showDisclosure
|
||||
/>
|
||||
}
|
||||
/>
|
||||
|
|
|
@ -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;
|
||||
|
|
Reference in New Issue