crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: improve menu & logo alignment

Browse Source
This commit is contained in:
Fabio Berger
2018-10-16 16:12:26 +01:00
parent afe6181757
commit 6ad98420a0
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/website/ts/components/documentation/docs_top_bar.tsx
View File

@@ -57,7 +57,10 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
];
return (
<Container height={80}>
<Container className="flex items-center lg-pt3 md-pt3 sm-pt1 justify-end" width="100%">
<Container
className="flex items-center lg-pt3 md-pt3 sm-pt1 lg-mt1 md-mt1 sm-mt0 justify-end"
width="100%"
>
<Container className="sm-hide xs-hide">
<Container className="flex items-center justify-between right" width="300px">
{this._renderMenuItems(menuItemLinks)}
@@ -80,7 +83,7 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
/>
</Container>
</Container>
<Container width={'100%'} height={'1px'} backgroundColor={colors.grey300} marginTop={'11px'} />
<Container width={'100%'} height={'1px'} backgroundColor={colors.grey300} marginTop={'13px'} />
{this.props.screenWidth === ScreenWidths.Sm && this._renderDrawer()}
</Container>
);