diff options
| author | August Skare <post@augustskare.no> | 2018-10-26 14:22:29 +0800 |
|---|---|---|
| committer | August Skare <post@augustskare.no> | 2018-10-26 14:22:29 +0800 |
| commit | a4825d87483d28f34a37d9323713be96798ec214 (patch) | |
| tree | 779b33412a23bcfa92ee493dd0cc6d1764db95bf /packages/dev-tools-pages/ts | |
| parent | e3c0363db1fe07d8933f9ed219282c2b6e581cd6 (diff) | |
| download | dexon-0x-contracts-a4825d87483d28f34a37d9323713be96798ec214.tar.gz dexon-0x-contracts-a4825d87483d28f34a37d9323713be96798ec214.tar.zst dexon-0x-contracts-a4825d87483d28f34a37d9323713be96798ec214.zip | |
center logo text
Diffstat (limited to 'packages/dev-tools-pages/ts')
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Header.tsx | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/packages/dev-tools-pages/ts/components/Header.tsx b/packages/dev-tools-pages/ts/components/Header.tsx index 44074cca3..943786778 100644 --- a/packages/dev-tools-pages/ts/components/Header.tsx +++ b/packages/dev-tools-pages/ts/components/Header.tsx @@ -43,6 +43,8 @@ const StyledHeader = styled.header` `; const LogoMark = styled.div` + position: relative; + height: 1.75rem; display: flex; align-items: center; `; @@ -50,12 +52,15 @@ const LogoMark = styled.div` const StyledLogo = styled.div` color: ${props => props.color} width: 1.75rem; - height: 1.75rem; + height: 100%; `; const Title = styled.h1` font-size: 1.5rem; - margin: 0; + line-height: 1; + white-space: nowrap; + margin-top: 2px; + margin-bottom: 0; margin-left: 0.8125rem; ${media.small`font-size: 1.25rem;`}; |