diff options
| author | Fabio Berger <me@fabioberger.com> | 2018-10-15 19:49:47 +0800 |
|---|---|---|
| committer | Fabio Berger <me@fabioberger.com> | 2018-10-15 19:49:47 +0800 |
| commit | 6ada38248ec4d44605465f41cfe5e0801d26aa32 (patch) | |
| tree | c726c53a8124db99c01ea3d6daa008d553d64ea7 /packages | |
| parent | 60208091a49fcd41514a60d5735bc736edf81275 (diff) | |
| download | dexon-0x-contracts-6ada38248ec4d44605465f41cfe5e0801d26aa32.tar.gz dexon-0x-contracts-6ada38248ec4d44605465f41cfe5e0801d26aa32.tar.zst dexon-0x-contracts-6ada38248ec4d44605465f41cfe5e0801d26aa32.zip | |
chore: improve rendering of sidebar top section on mobile
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/website/ts/components/documentation/docs_top_bar.tsx | 2 | ||||
| -rw-r--r-- | packages/website/ts/pages/documentation/doc_page.tsx | 6 |
2 files changed, 6 insertions, 2 deletions
diff --git a/packages/website/ts/components/documentation/docs_top_bar.tsx b/packages/website/ts/components/documentation/docs_top_bar.tsx index 41273eb30..95adc417d 100644 --- a/packages/website/ts/components/documentation/docs_top_bar.tsx +++ b/packages/website/ts/components/documentation/docs_top_bar.tsx @@ -143,7 +143,7 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState openSecondary={true} onRequestChange={this._onMenuButtonClick.bind(this)} > - <Container className="clearfix pl1" onClick={this._onMenuButtonClick.bind(this)}> + <Container className="clearfix pl1 pt2" onClick={this._onMenuButtonClick.bind(this)}> {this.props.sidebar} </Container> </Drawer> diff --git a/packages/website/ts/pages/documentation/doc_page.tsx b/packages/website/ts/pages/documentation/doc_page.tsx index 19e76a51b..65d9b68a9 100644 --- a/packages/website/ts/pages/documentation/doc_page.tsx +++ b/packages/website/ts/pages/documentation/doc_page.tsx @@ -112,7 +112,11 @@ export class DocPage extends React.Component<DocPageProps, DocPageState> { <Container> <Container className="flex justify-bottom"> <Container className="left pl1" width="150px"> - <Text fontColor={colors.lightLinkBlue} fontSize="22px" fontWeight="bold"> + <Text + fontColor={colors.lightLinkBlue} + fontSize={this.props.screenWidth === ScreenWidths.Sm ? '20px' : '22px'} + fontWeight="bold" + > {this.props.docsInfo.displayName} </Text> </Container> |