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

View File

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