aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/pages/documentation/home.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/pages/documentation/home.tsx')
-rw-r--r--packages/website/ts/pages/documentation/home.tsx41
1 files changed, 22 insertions, 19 deletions
diff --git a/packages/website/ts/pages/documentation/home.tsx b/packages/website/ts/pages/documentation/home.tsx
index 7e34136a8..abe0ae6af 100644
--- a/packages/website/ts/pages/documentation/home.tsx
+++ b/packages/website/ts/pages/documentation/home.tsx
@@ -446,12 +446,14 @@ export class Home extends React.Component<HomeProps, HomeState> {
<Container
borderBottom={this.state.isSidebarScrolling ? `1px solid ${colors.grey300}` : 'none'}
>
- <DocsLogo height={36} containerStyle={{ paddingTop: 30, paddingBottom: 10 }} />
+ <Container paddingTop="30px" paddingLeft="10px" paddingBottom="8px">
+ <DocsLogo height={36} />
+ </Container>
</Container>
<div
style={{
...scrollableContainerStyles,
- paddingTop: 35,
+ paddingTop: 27,
overflow: this.state.isHoveringSidebar ? 'auto' : 'hidden',
}}
onMouseEnter={this._onSidebarHover.bind(this, true)}
@@ -557,7 +559,7 @@ export class Home extends React.Component<HomeProps, HomeState> {
<Container className="md-col lg-col md-col-4 lg-col-4">
<Link
to={pkg.link.to}
- style={{ color: colors.lightLinkBlue }}
+ fontColor={colors.lightLinkBlue}
type={pkg.link.type}
shouldOpenInNewTab={!!pkg.link.shouldOpenInNewTab}
>
@@ -578,23 +580,24 @@ export class Home extends React.Component<HomeProps, HomeState> {
</Text>
</Container>
<Container className="md-col lg-col md-col-2 lg-col-2 sm-pb2 relative">
- <Link
- to={pkg.link.to}
- className="absolute"
- style={{ right: 0, color: colors.lightLinkBlue }}
- type={pkg.link.type}
- shouldOpenInNewTab={!!pkg.link.shouldOpenInNewTab}
- >
- <Container className="flex">
- <Container>{this.props.translate.get(Key.More, Deco.Cap)}</Container>
- <Container paddingTop="1px" paddingLeft="6px">
- <i
- className="zmdi zmdi-chevron-right bold"
- style={{ fontSize: 18, color: colors.lightLinkBlue }}
- />
+ <Container position="absolute" right="0px">
+ <Link
+ to={pkg.link.to}
+ fontColor={colors.lightLinkBlue}
+ type={pkg.link.type}
+ shouldOpenInNewTab={!!pkg.link.shouldOpenInNewTab}
+ >
+ <Container className="flex">
+ <Container>{this.props.translate.get(Key.More, Deco.Cap)}</Container>
+ <Container paddingTop="1px" paddingLeft="6px">
+ <i
+ className="zmdi zmdi-chevron-right bold"
+ style={{ fontSize: 18, color: colors.lightLinkBlue }}
+ />
+ </Container>
</Container>
- </Container>
- </Link>
+ </Link>
+ </Container>
</Container>
</Container>
</Container>