Fix dark mode styles

This commit is contained in:
Ken Hibino
2021-01-15 14:54:30 -08:00
parent ad0185e96a
commit 29b6ad8c91
5 changed files with 29 additions and 9 deletions

View File

@@ -16,6 +16,9 @@ const useStyles = makeStyles((theme) => ({
table: {
height: "80vh",
},
stickyHeaderCell: {
background: theme.palette.background.paper,
},
}));
function mapStateToProps(state: AppState, ownProps: Props) {
@@ -53,8 +56,12 @@ function SchedulerEnqueueEventsTable(props: Props & ReduxProps) {
>
<TableHead>
<TableRow>
<TableCell>Enqueued</TableCell>
<TableCell>Task ID</TableCell>
<TableCell classes={{ stickyHeader: classes.stickyHeaderCell }}>
Enqueued
</TableCell>
<TableCell classes={{ stickyHeader: classes.stickyHeaderCell }}>
Task ID
</TableCell>
</TableRow>
</TableHead>
<TableBody>