aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2018-10-04 00:30:23 +0800
committerFabio Berger <me@fabioberger.com>2018-10-04 00:30:23 +0800
commit4184c5db8597a7311f3efe82bce9a5e2668daf51 (patch)
tree68fa473d1fc7b87218aed0ee0c8380d0aee49a94
parent7197f264945da4bfc6b1c90f1e4314ad41884d72 (diff)
downloaddexon-sol-tools-4184c5db8597a7311f3efe82bce9a5e2668daf51.tar
dexon-sol-tools-4184c5db8597a7311f3efe82bce9a5e2668daf51.tar.gz
dexon-sol-tools-4184c5db8597a7311f3efe82bce9a5e2668daf51.tar.bz2
dexon-sol-tools-4184c5db8597a7311f3efe82bce9a5e2668daf51.tar.lz
dexon-sol-tools-4184c5db8597a7311f3efe82bce9a5e2668daf51.tar.xz
dexon-sol-tools-4184c5db8597a7311f3efe82bce9a5e2668daf51.tar.zst
dexon-sol-tools-4184c5db8597a7311f3efe82bce9a5e2668daf51.zip
Use Container and Text where possible
-rw-r--r--packages/website/ts/components/documentation/docs_top_bar.tsx23
1 files changed, 11 insertions, 12 deletions
diff --git a/packages/website/ts/components/documentation/docs_top_bar.tsx b/packages/website/ts/components/documentation/docs_top_bar.tsx
index 6a050d398..e5aa2ea29 100644
--- a/packages/website/ts/components/documentation/docs_top_bar.tsx
+++ b/packages/website/ts/components/documentation/docs_top_bar.tsx
@@ -5,6 +5,7 @@ import Drawer from 'material-ui/Drawer';
import * as React from 'react';
import { DocsLogo } from 'ts/components/documentation/docs_logo';
import { Container } from 'ts/components/ui/container';
+import { Text } from 'ts/components/ui/text';
import { Deco, Key, WebsitePaths } from 'ts/types';
import { constants } from 'ts/utils/constants';
import { Translate } from 'ts/utils/translate';
@@ -71,9 +72,11 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
className="flex items-center text-decoration-none"
>
<i className="zmdi zmdi-chevron-left bold" style={{ fontSize: 16 }} />
- <div className="pl1" style={{ fontSize: 16 }}>
- 0xproject.com
- </div>
+ <Container paddingLeft="8px">
+ <Text fontSize="16px" fontColor={colors.linkSectionGrey}>
+ 0xproject.com
+ </Text>
+ </Container>
</Link>
</div>
<div className="col col-4 md-hide sm-hide xs-hide" />
@@ -86,19 +89,15 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
<DocsLogo height={30} containerStyle={{ paddingTop: 6, paddingLeft: 18 }} />
</div>
<div className="md-hide lg-hide absolute" style={{ right: 18, top: 12 }}>
- <div
+ <i
+ className="zmdi zmdi-menu"
style={{
+ color: colors.grey700,
fontSize: 30,
- color: 'black',
cursor: 'pointer',
}}
- >
- <i
- className="zmdi zmdi-menu"
- style={{ color: colors.grey700 }}
- onClick={this._onMenuButtonClick.bind(this)}
- />
- </div>
+ onClick={this._onMenuButtonClick.bind(this)}
+ />
</div>
</Container>
<div