diff options
| author | Fabio Berger <me@fabioberger.com> | 2018-10-26 19:52:29 +0800 |
|---|---|---|
| committer | Fabio Berger <me@fabioberger.com> | 2018-10-26 19:52:29 +0800 |
| commit | b8d2cc1221f7135f55757198585d36de6a69c145 (patch) | |
| tree | 3a6a933f9f4e5395a28ddbf0dc7fc2fd068b2528 /packages/website/ts/components | |
| parent | 4a96dbe085004be49dbbaa435d4552a9c920d823 (diff) | |
| download | dexon-sol-tools-b8d2cc1221f7135f55757198585d36de6a69c145.tar dexon-sol-tools-b8d2cc1221f7135f55757198585d36de6a69c145.tar.gz dexon-sol-tools-b8d2cc1221f7135f55757198585d36de6a69c145.tar.bz2 dexon-sol-tools-b8d2cc1221f7135f55757198585d36de6a69c145.tar.lz dexon-sol-tools-b8d2cc1221f7135f55757198585d36de6a69c145.tar.xz dexon-sol-tools-b8d2cc1221f7135f55757198585d36de6a69c145.tar.zst dexon-sol-tools-b8d2cc1221f7135f55757198585d36de6a69c145.zip | |
style: remove small gap under topbar
Diffstat (limited to 'packages/website/ts/components')
| -rw-r--r-- | packages/website/ts/components/documentation/docs_top_bar.tsx | 48 |
1 files changed, 25 insertions, 23 deletions
diff --git a/packages/website/ts/components/documentation/docs_top_bar.tsx b/packages/website/ts/components/documentation/docs_top_bar.tsx index 2054d0860..cf26e8a2a 100644 --- a/packages/website/ts/components/documentation/docs_top_bar.tsx +++ b/packages/website/ts/components/documentation/docs_top_bar.tsx @@ -37,33 +37,35 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState public render(): React.ReactNode { return ( <Container height={80}> - <Container - className="flex items-center lg-pt3 md-pt3 sm-pt1 lg-mt1 md-mt1 sm-mt0 lg-justify-end md-justify-end sm-justify-start" - width="100%" - > - <Container className="sm-hide xs-hide"> - <Container className="flex items-center justify-between right" width="300px"> - {this._renderMenuItems(constants.DEVELOPER_TOPBAR_LINKS)} + <Container className="lg-pt1 md-pt1 sm-pt0"> + <Container + className="flex items-center lg-pt3 md-pt3 sm-pt1 lg-justify-end md-justify-end sm-justify-start" + width="100%" + > + <Container className="sm-hide xs-hide"> + <Container className="flex items-center justify-between right" width="300px"> + {this._renderMenuItems(constants.DEVELOPER_TOPBAR_LINKS)} + </Container> </Container> - </Container> - <Container className="lg-hide md-hide"> - <Container paddingTop="6px"> - <DocsLogo height={30} /> + <Container className="lg-hide md-hide"> + <Container paddingTop="6px"> + <DocsLogo height={30} /> + </Container> + </Container> + <Container className="md-hide lg-hide absolute" right="18px" top="12px"> + <i + className="zmdi zmdi-menu" + style={{ + color: colors.grey700, + fontSize: 30, + cursor: 'pointer', + }} + onClick={this._onMenuButtonClick.bind(this)} + /> </Container> - </Container> - <Container className="md-hide lg-hide absolute" right="18px" top="12px"> - <i - className="zmdi zmdi-menu" - style={{ - color: colors.grey700, - fontSize: 30, - cursor: 'pointer', - }} - onClick={this._onMenuButtonClick.bind(this)} - /> </Container> </Container> - <Container width={'100%'} height={'1px'} backgroundColor={colors.grey300} marginTop={'13px'} /> + <Container width={'100%'} height={'1px'} backgroundColor={colors.grey300} marginTop={'15px'} /> {this.props.screenWidth === ScreenWidths.Sm && this._renderDrawer()} </Container> ); |