DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity

Move footer to only landing page

Browse Source 
Reviewed By: danielbuechele

Differential Revision: D6968277

fbshipit-source-id: ec01d6e0de6a76ab9235378a1c1a29dcf7903ae3
This commit is contained in:
Emil Sjölander
2018-02-13 03:50:35 -08:00
committed by Facebook Github Bot
parent af45863f8e
commit c3de8016c0
5 changed files with 28 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
website/src/components/Footer.css
View File

@@ -1,17 +0,0 @@
footer {
display: flex;
padding: 20px 15px;
padding-left: 87px;
z-index: 4;
align-items: center;
background-color: white;
}
footer a {
margin: 0 15px;
color: #606770;
}
footer a:hover {
color: #8FD0C6;
}

23
website/src/components/Footer.js
View File

@@ -1,23 +0,0 @@
/**
* Copyright (c) 2014-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*
* @flow
* @format
*/
import React from 'react';
import Link from 'gatsby-link';
import './Footer.css';
export default () => (
<footer className="Footer">
<Link to="/docs">Docs</Link>
<Link to="/playground">Playground</Link>
<a href="https://github.com/facebook/yoga">GitHub</a>
</footer>
);

2
website/src/components/Page.js
View File

@@ -12,7 +12,6 @@
import React from 'react'; import React from 'react';
import Toolbar from './Toolbar'; import Toolbar from './Toolbar';
import Footer from './Footer';
import './Page.css'; import './Page.css';
require('prismjs/themes/prism.css'); require('prismjs/themes/prism.css');
@@ -29,6 +28,5 @@ export default (props: Props) => (
<div className={`PageContent ${props.withSpacing ? 'withSpacing' : ''}`}> <div className={`PageContent ${props.withSpacing ? 'withSpacing' : ''}`}>
{props.children} {props.children}
</div> </div>
<Footer />
</div> </div>
); );

18
website/src/pages/index.css
View File

@@ -132,3 +132,21 @@
font-weight: 600; font-weight: 600;
margin-top: 20px; margin-top: 20px;
} }
footer {
display: flex;
padding: 20px 15px;
padding-left: 87px;
z-index: 4;
align-items: center;
background-color: white;
}
footer a {
margin: 0 15px;
color: #606770;
}
footer a:hover {
color: #8FD0C6;
}

10
website/src/pages/index.js
View File

@@ -20,6 +20,7 @@ import './index.css';
import ReactNativeLogo from './logos/reactnative.png'; import ReactNativeLogo from './logos/reactnative.png';
import LithoLogo from './logos/litho.png'; import LithoLogo from './logos/litho.png';
import ComponentKitLogo from './logos/componentkit.png'; import ComponentKitLogo from './logos/componentkit.png';
import Link from 'gatsby-link';
const HeroSection = () => ( const HeroSection = () => (
<Padded> <Padded>
@@ -126,6 +127,14 @@ const AboutSectionTwo = () => (
</Padded> </Padded>
); );
const Footer = () => (
<footer className="Footer">
<Link to="/docs">Docs</Link>
<Link to="/playground">Playground</Link>
<a href="https://github.com/facebook/yoga">GitHub</a>
</footer>
);
export default () => ( export default () => (
<Page className="landing-page"> <Page className="landing-page">
<HeroSection/> <HeroSection/>
@@ -133,5 +142,6 @@ export default () => (
<AboutSectionOne/> <AboutSectionOne/>
<hr/> <hr/>
<AboutSectionTwo/> <AboutSectionTwo/>
<Footer/>
</Page> </Page>
); );