2021-03-30 15:14:02 +02:00
|
|
|
import { makeStyles } from '@material-ui/styles';
|
|
|
|
|
|
|
|
export const useStyles = makeStyles(theme => ({
|
2022-02-23 15:08:44 +01:00
|
|
|
container: {
|
|
|
|
display: 'flex',
|
|
|
|
alignItems: 'center',
|
|
|
|
flexWrap: 'wrap',
|
|
|
|
gap: '1rem',
|
|
|
|
},
|
2021-03-30 15:14:02 +02:00
|
|
|
search: {
|
|
|
|
display: 'flex',
|
|
|
|
alignItems: 'center',
|
|
|
|
backgroundColor: theme.palette.searchField.main,
|
2021-07-16 15:41:54 +02:00
|
|
|
borderRadius: '25px',
|
2021-03-30 15:14:02 +02:00
|
|
|
padding: '0.25rem 0.5rem',
|
|
|
|
maxWidth: '450px',
|
|
|
|
[theme.breakpoints.down('xs')]: {
|
|
|
|
width: '100%',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
searchIcon: {
|
|
|
|
marginRight: '8px',
|
|
|
|
},
|
|
|
|
inputRoot: {
|
|
|
|
width: '100%',
|
|
|
|
},
|
|
|
|
}));
|