mirror of
https://github.com/Unleash/unleash.git
synced 2025-05-22 01:16:07 +02:00
6d130f61f6
* feat: new contexts table * improve context list actions * refactor: disabled icon colors * fix: update snapshots * fix: icons * fix: context fields typo
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import { makeStyles } from 'tss-react/mui';
|
|
|
|
export const useStyles = makeStyles()(theme => ({
|
|
container: {
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
flexWrap: 'wrap',
|
|
gap: '1rem',
|
|
},
|
|
search: {
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
backgroundColor: theme.palette.background.paper,
|
|
border: `1px solid ${theme.palette.grey[300]}`,
|
|
borderRadius: theme.shape.borderRadiusExtraLarge,
|
|
padding: '3px 5px 3px 12px',
|
|
maxWidth: '450px',
|
|
[theme.breakpoints.down('sm')]: {
|
|
width: '100%',
|
|
},
|
|
'&.search-container:focus-within': {
|
|
borderColor: theme.palette.primary.light,
|
|
boxShadow: theme.boxShadows.main,
|
|
},
|
|
},
|
|
searchIcon: {
|
|
marginRight: 8,
|
|
color: theme.palette.inactiveIcon,
|
|
},
|
|
clearContainer: {
|
|
width: '30px',
|
|
'& > button': {
|
|
padding: '7px',
|
|
},
|
|
},
|
|
clearIcon: {
|
|
fontSize: '18px',
|
|
},
|
|
inputRoot: {
|
|
width: '100%',
|
|
},
|
|
}));
|