Style show job page
This commit is contained in:
@ -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>
|
||||||
);
|
);
|
||||||
|
Reference in New Issue
Block a user