Improved layouting of job cards

This commit is contained in:
Dejvino 2023-05-28 09:25:12 +02:00
parent a4c0732b55
commit 6449c610f7
2 changed files with 11 additions and 7 deletions

View File

@ -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>
)
}

View File

@ -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%;