Improved layouting of job cards
This commit is contained in:
parent
a4c0732b55
commit
6449c610f7
@ -27,7 +27,7 @@ export default function JobsCards(props: JobListProps) {
|
|||||||
const {jobs} = props
|
const {jobs} = props
|
||||||
const config = {...defaultProps, ...props}
|
const config = {...defaultProps, ...props}
|
||||||
return (
|
return (
|
||||||
<Container>
|
<Container fluid>
|
||||||
{jobs.current && (
|
{jobs.current && (
|
||||||
<Row>
|
<Row>
|
||||||
<Col>
|
<Col>
|
||||||
@ -35,15 +35,13 @@ export default function JobsCards(props: JobListProps) {
|
|||||||
</Col>
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
)}
|
)}
|
||||||
{partition(jobs.previous, config.entriesPerRow).map((jobs, index) => (
|
<Row>
|
||||||
<Row key={index}>
|
{jobs.previous?.map((job, index) => (
|
||||||
{(jobs.map((job, subindex) => (
|
<Col key={index} xs={12} md={12} lg={6} xl={12}>
|
||||||
<Col key={index + '_' + subindex}>
|
|
||||||
<JobCard {...job} />
|
<JobCard {...job} />
|
||||||
</Col>
|
</Col>
|
||||||
)))}
|
))}
|
||||||
</Row>
|
</Row>
|
||||||
))}
|
|
||||||
</Container>
|
</Container>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
@ -31,6 +31,12 @@ body {
|
|||||||
.job-card .timerange {
|
.job-card .timerange {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
.job-card .card-text {
|
||||||
|
margin-left: 0.4rem;
|
||||||
|
}
|
||||||
|
.job-card .card-subtitle {
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.cloud-primary .tag-badges {
|
.cloud-primary .tag-badges {
|
||||||
font-size: 180%;
|
font-size: 180%;
|
||||||
|
Loading…
Reference in New Issue
Block a user