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