crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Responsive header

Browse Source
This commit is contained in:
Megan Pearson 2018-10-19 11:59:03 +02:00 committed by August Skare
parent e9232bf070
commit 73ea2dac6d
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/dev-tools-pages/ts/components/Header.tsx
View File

@ -5,6 +5,8 @@ import { withContext, Props } from './withContext';
import Container from './Container';
import { Small } from './Typography';
import { media } from '../variables';
function Header(props: Props) {
const { icon, title, colors } = props;
@ -36,6 +38,8 @@ const StyledHeader = styled.header`
justify-content: space-between;
align-items: center;
}
${media.small`padding-top: 2.125rem;`};
`;
const LogoMark = styled.div`
@ -53,6 +57,8 @@ const Title = styled.h1`
font-size: 1.5rem;
margin: 0;
margin-left: 0.8125rem;
${media.small`font-size: 1.25rem;`};
`;
const StyledLink = styled(Small)`