Style show job page

This commit is contained in:
Berkeley Martinez
2015-10-15 22:09:12 -07:00
parent 979583e0c9
commit 1ed576bee1

View File

@ -1,5 +1,5 @@
import React, { PropTypes } from 'react'; import React, { PropTypes } from 'react';
import { Row, Thumbnail, Panel, Well } from 'react-bootstrap'; import { Row, Col, Thumbnail, Panel } from 'react-bootstrap';
import moment from 'moment'; import moment from 'moment';
const defaultImage = const defaultImage =
@ -50,12 +50,29 @@ export default React.createClass({
return ( return (
<div> <div>
<Row> <Row>
<Well> <Col
md={ 10 }
mdOffset={ 1 }
xs={ 12 }>
<Panel>
<Row>
<h2 className='text-center'>
{ company }
</h2>
</Row>
<div className='spacer' />
<Row>
<Col
md={ 3 }
mdPush={ 7 }>
<Thumbnail <Thumbnail
alt={ logo ? company + 'company logo' : 'stock image' } alt={ logo ? company + 'company logo' : 'stock image' }
src={ logo || defaultImage } src={ logo || defaultImage }
style={ thumbnailStyle } /> style={ thumbnailStyle } />
<Panel> </Col>
<Col
md={ 4 }>
Position: { position || 'N/A' } Position: { position || 'N/A' }
<br /> <br />
Location: { locale ? locale : `${city}, ${state}` } Location: { locale ? locale : `${city}, ${state}` }
@ -63,9 +80,19 @@ export default React.createClass({
Contact: { email || phone || 'N/A' } Contact: { email || phone || 'N/A' }
<br /> <br />
Posted On: { moment(postedOn).format('MMMM Do, YYYY') } Posted On: { moment(postedOn).format('MMMM Do, YYYY') }
</Panel> </Col>
</Row>
<div className='spacer' />
<Row>
<Col
md={ 6 }
mdOffset={ 3 }
xs={ 12 }>
<p>{ description }</p> <p>{ description }</p>
</Well> </Col>
</Row>
</Panel>
</Col>
</Row> </Row>
</div> </div>
); );