gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add styling to jobs list

Browse Source
This commit is contained in:
Berkeley Martinez
2015-10-15 21:10:06 -07:00
parent a65384e698
commit 979583e0c9
1 changed files with 32 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
common/app/routes/Jobs/components/Jobs.jsx
View File

@ -1,7 +1,7 @@
import React, { cloneElement, PropTypes } from 'react'; import React, { cloneElement, PropTypes } from 'react';
import { contain } from 'thundercats-react'; import { contain } from 'thundercats-react';
import { History } from 'react-router'; import { History } from 'react-router';
import { Button, Panel, Row } from 'react-bootstrap'; import { Button, Panel, Row, Col } from 'react-bootstrap';
import CreateJobModal from './CreateJobModal.jsx'; import CreateJobModal from './CreateJobModal.jsx';
import ListJobs from './List.jsx'; import ListJobs from './List.jsx';
@ -61,27 +61,39 @@ export default contain(
return ( return (
<Panel> <Panel>
<h1>Free Code Camps' Job Board</h1>
<Row> <Row>
<p> <Col
Need to find the best junior developers? md={ 10 }
Want to find dedicated developers eager to join your company? mdOffset= { 1 }
Sign up now to post your job! xs={ 12 }>
</p> <h1 className='text-center'>Free Code Camps' Job Board</h1>
<Button <Row>
bsSize='large' <Col
className='signup-btn' xs={ 10 }
onClick={ jobActions.openModal }> xsOffset={ 1 }>
Post a job: $200 for 60 days. <p>
</Button> Need to find the best junior developers?
Post your job today!
</p>
<Button
block={ true }
bsSize='large'
className='signup-btn'
onClick={ jobActions.openModal }>
Post a job: $200 for 60 days.
</Button>
<div className='spacer' />
</Col>
</Row>
<Row>
{ this.renderChild(children, jobs) ||
this.renderList(this.handleJobClick, jobs) }
</Row>
<CreateJobModal
onHide={ jobActions.closeModal }
showModal={ showModal } />
</Col>
</Row> </Row>
<Row>
{ this.renderChild(children, jobs) ||
this.renderList(this.handleJobClick, jobs) }
</Row>
<CreateJobModal
onHide={ jobActions.closeModal }
showModal={ showModal } />
</Panel> </Panel>
); );
} }