diff options
| author | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-19 17:59:03 +0800 |
|---|---|---|
| committer | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-19 17:59:03 +0800 |
| commit | ba0b9b259fdd84c34254cb9d9cab4a2dc4c91f94 (patch) | |
| tree | f930238632bd4a5f764d66b6fa902bcbb34c4979 | |
| parent | 45a24738b585d568c765b641a94e9bbf941a8fd7 (diff) | |
| download | dexon-sol-tools-ba0b9b259fdd84c34254cb9d9cab4a2dc4c91f94.tar.gz dexon-sol-tools-ba0b9b259fdd84c34254cb9d9cab4a2dc4c91f94.tar.zst dexon-sol-tools-ba0b9b259fdd84c34254cb9d9cab4a2dc4c91f94.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)` |