yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Layout changes

Browse Source
This commit is contained in:
Jori Lallo
2016-09-12 22:19:59 -07:00
parent e7ff801b97
commit 4493325429
2 changed files with 56 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
frontend/scenes/Home/Home.js
View File

@@ -2,6 +2,9 @@ import React from 'react';
import { observer } from 'mobx-react';
import { browserHistory } from 'react-router'
import { Flex } from 'reflexbox';
import Layout from 'components/Layout';
import CenteredContent from 'components/CenteredContent';
import SlackAuthLink from 'components/SlackAuthLink';
import styles from './Home.scss';
@@ -20,26 +23,28 @@ export default class Home extends React.Component {
render() {
return (
<div className={ styles.container }>
<div className={ styles.content }>
<div className={ styles.intro }>
<h1>Atlas</h1>
<p>Simple, fast, markdown.</p>
<p>We're building a modern wiki for engineering teams.</p>
</div>
<div className={ styles.action }>
<SlackAuthLink>
<img
alt="Sign in with Slack"
height="40"
width="172"
src="https://platform.slack-edge.com/img/sign_in_with_slack.png"
srcSet="https://platform.slack-edge.com/img/sign_in_with_slack.png 1x, https://platform.slack-edge.com/img/sign_in_with_slack@2x.png 2x"
/>
</SlackAuthLink>
</div>
</div>
</div>
<Flex auto>
<Layout>
<CenteredContent>
<div className={ styles.intro }>
<h1>Atlas</h1>
<p>Simple, fast, markdown.</p>
<p>We're building a modern wiki for engineering teams.</p>
</div>
<div className={ styles.action }>
<SlackAuthLink>
<img
alt="Sign in with Slack"
height="40"
width="172"
src="https://platform.slack-edge.com/img/sign_in_with_slack.png"
srcSet="https://platform.slack-edge.com/img/sign_in_with_slack.png 1x, https://platform.slack-edge.com/img/sign_in_with_slack@2x.png 2x"
/>
</SlackAuthLink>
</div>
</CenteredContent>
</Layout>
</Flex>
);
}
}