aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components
diff options
context:
space:
mode:
authorMegan Pearson <megan.e.pearson@gmail.com>2018-10-19 17:59:03 +0800
committerMegan Pearson <megan.e.pearson@gmail.com>2018-10-19 17:59:03 +0800
commitba0b9b259fdd84c34254cb9d9cab4a2dc4c91f94 (patch)
treef930238632bd4a5f764d66b6fa902bcbb34c4979 /packages/dev-tools-pages/ts/components
parent45a24738b585d568c765b641a94e9bbf941a8fd7 (diff)
downloaddexon-sol-tools-ba0b9b259fdd84c34254cb9d9cab4a2dc4c91f94.tar
dexon-sol-tools-ba0b9b259fdd84c34254cb9d9cab4a2dc4c91f94.tar.gz
dexon-sol-tools-ba0b9b259fdd84c34254cb9d9cab4a2dc4c91f94.tar.bz2
dexon-sol-tools-ba0b9b259fdd84c34254cb9d9cab4a2dc4c91f94.tar.lz
dexon-sol-tools-ba0b9b259fdd84c34254cb9d9cab4a2dc4c91f94.tar.xz
dexon-sol-tools-ba0b9b259fdd84c34254cb9d9cab4a2dc4c91f94.tar.zst
dexon-sol-tools-ba0b9b259fdd84c34254cb9d9cab4a2dc4c91f94.zip
Responsive header
Diffstat (limited to 'packages/dev-tools-pages/ts/components')
-rw-r--r--packages/dev-tools-pages/ts/components/Header.tsx6
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)`