2021-10-01 13:49:18 +02:00
|
|
|
import { makeStyles } from '@material-ui/core/styles';
|
|
|
|
|
|
|
|
export const useStyles = makeStyles(theme => ({
|
2021-10-20 12:55:40 +02:00
|
|
|
environmentContainer: {
|
|
|
|
display: 'flex',
|
|
|
|
marginBottom: '1rem',
|
|
|
|
flexWrap: 'wrap',
|
|
|
|
width: '100%',
|
|
|
|
position: 'relative',
|
|
|
|
justifyContent: 'center',
|
|
|
|
},
|
|
|
|
environmentMetrics: {
|
|
|
|
border: `1px solid ${theme.palette.grey[300]}`,
|
|
|
|
margin: '1rem',
|
|
|
|
width: '30%',
|
|
|
|
[theme.breakpoints.down(1000)]: {
|
|
|
|
width: '40%',
|
|
|
|
},
|
|
|
|
[theme.breakpoints.down(750)]: {
|
|
|
|
width: '100%',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
secondaryContent: {
|
|
|
|
marginTop: '1rem',
|
2021-10-01 13:49:18 +02:00
|
|
|
},
|
|
|
|
}));
|