diff options
| author | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-19 17:59:03 +0800 |
|---|---|---|
| committer | August Skare <post@augustskare.no> | 2018-10-22 19:27:35 +0800 |
| commit | 73ea2dac6d18af5375bf4d9026f70f55b200297c (patch) | |
| tree | b79ddc8ad5510f52246d0e4a0a72b84e3840ed86 | |
| parent | e9232bf0707fb120d2c8d9cbd842702ffc8cb19e (diff) | |
| download | dexon-sol-tools-73ea2dac6d18af5375bf4d9026f70f55b200297c.tar.gz dexon-sol-tools-73ea2dac6d18af5375bf4d9026f70f55b200297c.tar.zst dexon-sol-tools-73ea2dac6d18af5375bf4d9026f70f55b200297c.zip | |
Responsive header
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Header.tsx | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/Header.tsx b/packages/dev-tools-pages/ts/components/Header.tsx index dca562421..aeefae3cc 100644 --- a/packages/dev-tools-pages/ts/components/Header.tsx +++ b/packages/dev-tools-pages/ts/components/Header.tsx @@ -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)` |