Updated API in material-ui.
parent
f79a452341
commit
da3233faf3
|
|
@ -49,7 +49,7 @@ const styles = (theme) =>
|
|||
},
|
||||
fab :
|
||||
{
|
||||
margin : theme.spacing.unit
|
||||
margin : theme.spacing(1)
|
||||
},
|
||||
viewContainer :
|
||||
{
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@ const styles = (theme) =>
|
|||
},
|
||||
fab :
|
||||
{
|
||||
margin : theme.spacing.unit
|
||||
margin : theme.spacing(1)
|
||||
},
|
||||
viewContainer :
|
||||
{
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ const styles = (theme) =>
|
|||
dialogPaper :
|
||||
{
|
||||
width : '20vw',
|
||||
padding : theme.spacing.unit * 2,
|
||||
padding : theme.spacing(2),
|
||||
[theme.breakpoints.down('lg')] :
|
||||
{
|
||||
width : '30vw'
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ const styles = (theme) =>
|
|||
({
|
||||
root :
|
||||
{
|
||||
padding : theme.spacing.unit,
|
||||
padding : theme.spacing(1),
|
||||
display : 'flex',
|
||||
alignItems : 'center',
|
||||
borderRadius : 0
|
||||
|
|
|
|||
|
|
@ -21,8 +21,8 @@ const styles = (theme) =>
|
|||
root :
|
||||
{
|
||||
display : 'flex',
|
||||
marginBottom : theme.spacing.unit,
|
||||
padding : theme.spacing.unit,
|
||||
marginBottom : theme.spacing(1),
|
||||
padding : theme.spacing(1),
|
||||
flexShrink : 0
|
||||
},
|
||||
selfMessage :
|
||||
|
|
@ -42,7 +42,7 @@ const styles = (theme) =>
|
|||
},
|
||||
content :
|
||||
{
|
||||
marginLeft : theme.spacing.unit
|
||||
marginLeft : theme.spacing(1)
|
||||
},
|
||||
avatar :
|
||||
{
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ const styles = (theme) =>
|
|||
flexDirection : 'column',
|
||||
alignItems : 'center',
|
||||
overflowY : 'auto',
|
||||
padding : theme.spacing.unit
|
||||
padding : theme.spacing(1)
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -14,11 +14,11 @@ const styles = (theme) =>
|
|||
display : 'flex',
|
||||
alignItems : 'center',
|
||||
width : '100%',
|
||||
padding : theme.spacing.unit,
|
||||
padding : theme.spacing(1),
|
||||
boxShadow : '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',
|
||||
'&:not(:last-child)' :
|
||||
{
|
||||
marginBottom : theme.spacing.unit
|
||||
marginBottom : theme.spacing(1)
|
||||
}
|
||||
},
|
||||
avatar :
|
||||
|
|
@ -29,7 +29,7 @@ const styles = (theme) =>
|
|||
text :
|
||||
{
|
||||
margin : 0,
|
||||
padding : theme.spacing.unit
|
||||
padding : theme.spacing(1)
|
||||
},
|
||||
fileContent :
|
||||
{
|
||||
|
|
@ -40,7 +40,7 @@ const styles = (theme) =>
|
|||
{
|
||||
display : 'flex',
|
||||
alignItems : 'center',
|
||||
padding : theme.spacing.unit
|
||||
padding : theme.spacing(1)
|
||||
},
|
||||
button :
|
||||
{
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ const styles = (theme) =>
|
|||
flexDirection : 'column',
|
||||
alignItems : 'center',
|
||||
overflowY : 'auto',
|
||||
padding : theme.spacing.unit
|
||||
padding : theme.spacing(1)
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ const styles = (theme) =>
|
|||
},
|
||||
button :
|
||||
{
|
||||
margin : theme.spacing.unit
|
||||
margin : theme.spacing(1)
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ const styles = (theme) =>
|
|||
list :
|
||||
{
|
||||
listStyleType : 'none',
|
||||
padding : theme.spacing.unit,
|
||||
padding : theme.spacing(1),
|
||||
boxShadow : '0 2px 5px 2px rgba(0, 0, 0, 0.2)',
|
||||
backgroundColor : 'rgba(255, 255, 255, 1)'
|
||||
},
|
||||
|
|
|
|||
|
|
@ -60,7 +60,7 @@ const styles = (theme) =>
|
|||
left : '50%',
|
||||
transform : 'translateX(-50%) translateY(-50%)',
|
||||
width : '30vw',
|
||||
padding : theme.spacing.unit * 2,
|
||||
padding : theme.spacing(2),
|
||||
flexDirection : 'column',
|
||||
justifyContent : 'center',
|
||||
alignItems : 'center'
|
||||
|
|
@ -129,7 +129,7 @@ const styles = (theme) =>
|
|||
},
|
||||
actionButton :
|
||||
{
|
||||
margin : theme.spacing.unit,
|
||||
margin : theme.spacing(1),
|
||||
padding : 0
|
||||
},
|
||||
meContainer :
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@ const styles = (theme) =>
|
|||
},
|
||||
setting :
|
||||
{
|
||||
padding : theme.spacing.unit * 2
|
||||
padding : theme.spacing(2)
|
||||
},
|
||||
formControl :
|
||||
{
|
||||
|
|
|
|||
Loading…
Reference in New Issue