import { SubprocessFilter } from '~/components/subprocess-filter/subprocess-filter';
import { SubprocessFilterDataProps } from '~/components/subprocess-filter/subprocess-filter';
-type CssRules = 'root' | 'subtitle' | 'title' | 'gridFilter';
+type CssRules = 'root' | 'title' | 'gridFilter';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
root: {
fontSize: '0.875rem',
height: '100%'
},
- subtitle: {
- paddingBottom: '32px!important'
- },
title: {
- color: theme.customs.colors.grey700
+ color: theme.palette.grey["700"]
},
gridFilter: {
height: '20px',
<CardContent>
<Grid container direction="column" spacing={16}>
<Grid item xs={12} container spacing={16}>
- <Grid item md={12} lg={6} className={classes.subtitle}>
+ <Grid item md={12} lg={6}>
<SubprocessFilter label='Subprocesses' value={subprocessesAmount} />
</Grid>
<Grid item md={12} lg={6}/>
{
filters.map(filter =>
- <Grid item md={12} lg={6} key={filter.key} spacing={0} className={classes.gridFilter}>
+ <Grid item md={12} lg={6} key={filter.key} className={classes.gridFilter}>
<SubprocessFilter {...filter} onToggle={() => onToggle(filter.label)} />
</Grid>
)