chore: fix overflow on large results

This commit is contained in:
Jayden Pyles
2024-07-07 20:27:57 -05:00
parent 4e9e592b2f
commit 82154232a2
2 changed files with 24 additions and 23 deletions

View File

@@ -113,7 +113,6 @@ const JobTable: React.FC<JobTableProps> = ({ jobs, fetchJobs }) => {
display="flex" display="flex"
justifyContent="center" justifyContent="center"
minHeight="100vh" minHeight="100vh"
p={3}
> >
<Box <Box
className="flex flex-col justify-start align-center items-center" className="flex flex-col justify-start align-center items-center"

View File

@@ -238,6 +238,7 @@ const Home = () => {
{results && ( {results && (
<> <>
<Typography variant="h4">Results</Typography> <Typography variant="h4">Results</Typography>
<Box style={{ maxHeight: "400px", overflow: "auto" }}>
<Table ref={resultsRef} style={{ marginTop: "20px" }}> <Table ref={resultsRef} style={{ marginTop: "20px" }}>
<TableHead> <TableHead>
<TableRow> <TableRow>
@@ -260,6 +261,7 @@ const Home = () => {
))} ))}
</TableBody> </TableBody>
</Table> </Table>
</Box>
</> </>
)} )}
</Container> </Container>