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

style: remove small gap under topbar

Browse Source
This commit is contained in:
Fabio Berger
2018-10-26 13:52:29 +02:00
parent 4a96dbe085
commit b8d2cc1221
2 changed files with 26 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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>
);

1
packages/website/ts/pages/documentation/developers_page.tsx
View File

@@ -157,6 +157,7 @@ export class DevelopersPage extends React.Component<DevelopersPageProps, Develop
>
<Container
borderBottom={this.state.isSidebarScrolling ? `1px solid ${colors.grey300}` : 'none'}
paddingBottom="2px"
>
<Container paddingTop="30px" paddingLeft="10px" paddingBottom="8px">
<DocsLogo height={36} />