Updated API in material-ui.

2019-06-25 13:13:34 +02:00
parent f79a452341
commit da3233faf3
12 changed files with 18 additions and 18 deletions
@@ -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)'
 		},