Use shorthand syntax

mui · Feb 23, 2021 · d0a90a9 · d0a90a9
1 parent 488af25
commit d0a90a9
Show file tree

Hide file tree

Showing 14 changed files with 14 additions and 14 deletions.
diff --git a/docs/src/pages/components/alert/ActionAlerts.js b/docs/src/pages/components/alert/ActionAlerts.js
@@ -9,7 +9,7 @@ export default function ActionAlerts() {
       sx={{
         width: '100%',
         '& > * + *': {
-          marginTop: (theme) => theme.spacing(2),
+          mt: 2,
         },
       }}
     >

diff --git a/docs/src/pages/components/alert/ActionAlerts.tsx b/docs/src/pages/components/alert/ActionAlerts.tsx
@@ -9,7 +9,7 @@ export default function ActionAlerts() {
       sx={{
         width: '100%',
         '& > * + *': {
-          marginTop: (theme) => theme.spacing(2),
+          mt: 2,
         },
       }}
     >

diff --git a/docs/src/pages/components/alert/BasicAlerts.js b/docs/src/pages/components/alert/BasicAlerts.js
@@ -8,7 +8,7 @@ export default function BasicAlerts() {
       sx={{
         width: '100%',
         '& > * + *': {
-          marginTop: (theme) => theme.spacing(2),
+          mt: 2,
         },
       }}
     >

diff --git a/docs/src/pages/components/alert/BasicAlerts.tsx b/docs/src/pages/components/alert/BasicAlerts.tsx
@@ -8,7 +8,7 @@ export default function BasicAlerts() {
       sx={{
         width: '100%',
         '& > * + *': {
-          marginTop: (theme) => theme.spacing(2),
+          mt: 2,
         },
       }}
     >

diff --git a/docs/src/pages/components/alert/DescriptionAlerts.js b/docs/src/pages/components/alert/DescriptionAlerts.js
@@ -9,7 +9,7 @@ export default function DescriptionAlerts() {
       sx={{
         width: '100%',
         '& > * + *': {
-          marginTop: (theme) => theme.spacing(2),
+          mt: 2,
         },
       }}
     >

diff --git a/docs/src/pages/components/alert/DescriptionAlerts.tsx b/docs/src/pages/components/alert/DescriptionAlerts.tsx
@@ -9,7 +9,7 @@ export default function DescriptionAlerts() {
       sx={{
         width: '100%',
         '& > * + *': {
-          marginTop: (theme) => theme.spacing(2),
+          mt: 2,
         },
       }}
     >

diff --git a/docs/src/pages/components/alert/FilledAlerts.js b/docs/src/pages/components/alert/FilledAlerts.js
@@ -8,7 +8,7 @@ export default function BasicAlerts() {
       sx={{
         width: '100%',
         '& > * + *': {
-          marginTop: (theme) => theme.spacing(2),
+          mt: 2,
         },
       }}
     >

diff --git a/docs/src/pages/components/alert/FilledAlerts.tsx b/docs/src/pages/components/alert/FilledAlerts.tsx
@@ -8,7 +8,7 @@ export default function BasicAlerts() {
       sx={{
         width: '100%',
         '& > * + *': {
-          marginTop: (theme) => theme.spacing(2),
+          mt: 2,
         },
       }}
     >

diff --git a/docs/src/pages/components/alert/IconAlerts.js b/docs/src/pages/components/alert/IconAlerts.js
@@ -10,7 +10,7 @@ export default function IconAlerts() {
       sx={{
         width: '100%',
         '& > * + *': {
-          marginTop: (theme) => theme.spacing(2),
+          mt: 2,
         },
       }}
     >

diff --git a/docs/src/pages/components/alert/IconAlerts.tsx b/docs/src/pages/components/alert/IconAlerts.tsx
@@ -10,7 +10,7 @@ export default function IconAlerts() {
       sx={{
         width: '100%',
         '& > * + *': {
-          marginTop: (theme) => theme.spacing(2),
+          mt: 2,
         },
       }}
     >

diff --git a/docs/src/pages/components/alert/OutlinedAlerts.js b/docs/src/pages/components/alert/OutlinedAlerts.js
@@ -8,7 +8,7 @@ export default function BasicAlerts() {
       sx={{
         width: '100%',
         '& > * + *': {
-          marginTop: (theme) => theme.spacing(2),
+          mt: 2,
         },
       }}
     >

diff --git a/docs/src/pages/components/alert/OutlinedAlerts.tsx b/docs/src/pages/components/alert/OutlinedAlerts.tsx
@@ -8,7 +8,7 @@ export default function BasicAlerts() {
       sx={{
         width: '100%',
         '& > * + *': {
-          marginTop: (theme) => theme.spacing(2),
+          mt: 2,
         },
       }}
     >

diff --git a/docs/src/pages/components/alert/TransitionAlerts.js b/docs/src/pages/components/alert/TransitionAlerts.js
@@ -13,7 +13,6 @@ export default function TransitionAlerts() {
     <Box sx={{ width: '100%' }}>
       <Collapse in={open}>
         <Alert
-          sx={{ marginBottom: (theme) => theme.spacing(2) }}
           action={
             <IconButton
               aria-label="close"
@@ -26,6 +25,7 @@ export default function TransitionAlerts() {
               <CloseIcon fontSize="inherit" />
             </IconButton>
           }
+          sx={{ mb: 2 }}
         >
           Close me!
         </Alert>

diff --git a/docs/src/pages/components/alert/TransitionAlerts.tsx b/docs/src/pages/components/alert/TransitionAlerts.tsx
@@ -13,7 +13,6 @@ export default function TransitionAlerts() {
     <Box sx={{ width: '100%' }}>
       <Collapse in={open}>
         <Alert
-          sx={{ marginBottom: (theme) => theme.spacing(2) }}
           action={
             <IconButton
               aria-label="close"
@@ -26,6 +25,7 @@ export default function TransitionAlerts() {
               <CloseIcon fontSize="inherit" />
             </IconButton>
           }
+          sx={{ mb: 2 }}
         >
           Close me!
         </Alert>
-Original file line number
+Diff line change
@@ Expand Up / @@ -9,7 +9,7 @@ export default function ActionAlerts() { @@
           sx={{
             width: '100%',
             '& > * + *': {
-              marginTop: (theme) => theme.spacing(2),
+              mt: 2,
             },
           }}
         >
@@ Expand Down @@