diff options
author | Fabio Berger <me@fabioberger.com> | 2018-10-04 00:30:23 +0800 |
---|---|---|
committer | Fabio Berger <me@fabioberger.com> | 2018-10-04 00:30:23 +0800 |
commit | 4184c5db8597a7311f3efe82bce9a5e2668daf51 (patch) | |
tree | 68fa473d1fc7b87218aed0ee0c8380d0aee49a94 | |
parent | 7197f264945da4bfc6b1c90f1e4314ad41884d72 (diff) | |
download | dexon-0x-contracts-4184c5db8597a7311f3efe82bce9a5e2668daf51.tar dexon-0x-contracts-4184c5db8597a7311f3efe82bce9a5e2668daf51.tar.gz dexon-0x-contracts-4184c5db8597a7311f3efe82bce9a5e2668daf51.tar.bz2 dexon-0x-contracts-4184c5db8597a7311f3efe82bce9a5e2668daf51.tar.lz dexon-0x-contracts-4184c5db8597a7311f3efe82bce9a5e2668daf51.tar.xz dexon-0x-contracts-4184c5db8597a7311f3efe82bce9a5e2668daf51.tar.zst dexon-0x-contracts-4184c5db8597a7311f3efe82bce9a5e2668daf51.zip |
Use Container and Text where possible
-rw-r--r-- | packages/website/ts/components/documentation/docs_top_bar.tsx | 23 |
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 |