Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 | 12x | import * as R from 'ramda';
import { makeStyles } from '@material-ui/core/styles';
export const useStyles = makeStyles(theme => ({
container: {
padding: theme.spacing(1.875),
borderRadius: theme.spacing(0.5),
backgroundColor:
R.path(['palette', 'button', 'mainOpacity'], theme) || theme.palette.primary.dark,
},
fullWidth: {
width: '100%',
},
defaultWidth: {
maxWidth: 420,
minWidth: 250,
},
containerFocus: {
backgroundColor: R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.light,
borderRadius: theme.shape.borderRadius,
},
root: {
display: 'flex',
alignItems: 'center',
border: `solid 1px ${theme.palette.grey[400]}`,
paddingRight: theme.spacing(1),
},
input: {
marginLeft: theme.spacing(1),
flex: 1,
},
inputBase: {
lineHeight: 0,
},
inputBaseMargin: {
padding: theme.spacing(0),
height: theme.spacing(3.75),
},
leftIcon: {
padding: '1px 8px 1px 8px',
},
rightIcon: {
padding: '1px 0 1px 0',
borderRadius: theme.shape.borderRadius,
margin: theme.spacing(0.125),
},
popoverButton: {
display: 'flex',
flexDirection: 'column',
},
divider: {
width: 1,
height: '1.5em',
margin: theme.spacing(0.5),
},
selected: {
visibility: 'hidden',
},
buttonContainer: {
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
},
}));
|