2021-03-30 15:14:02 +02:00
|
|
|
import { makeStyles } from '@material-ui/styles';
|
|
|
|
|
2021-04-12 15:04:03 +02:00
|
|
|
export const useStyles = makeStyles(theme => ({
|
2021-03-30 15:14:02 +02:00
|
|
|
actionsContainer: {
|
|
|
|
display: 'flex',
|
|
|
|
alignItems: 'center',
|
|
|
|
},
|
|
|
|
listParagraph: {
|
|
|
|
textAlign: 'center',
|
|
|
|
},
|
|
|
|
searchBarContainer: {
|
|
|
|
marginBottom: '2rem',
|
2021-08-19 13:54:28 +02:00
|
|
|
display: 'flex',
|
2022-02-23 15:08:44 +01:00
|
|
|
gap: '1rem',
|
2021-08-19 13:54:28 +02:00
|
|
|
justifyContent: 'space-between',
|
|
|
|
alignItems: 'center',
|
|
|
|
[theme.breakpoints.down('xs')]: {
|
|
|
|
display: 'block',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
searchBar: {
|
|
|
|
minWidth: '450px',
|
|
|
|
[theme.breakpoints.down('xs')]: {
|
|
|
|
minWidth: '100%',
|
|
|
|
},
|
2021-03-30 15:14:02 +02:00
|
|
|
},
|
2021-04-12 15:04:03 +02:00
|
|
|
emptyStateListItem: {
|
|
|
|
border: `2px dashed ${theme.palette.borders.main}`,
|
|
|
|
padding: '0.8rem',
|
|
|
|
textAlign: 'center',
|
|
|
|
display: 'flex',
|
|
|
|
justifyContent: 'space-between',
|
|
|
|
alignItems: 'center',
|
|
|
|
},
|
|
|
|
}));
|