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