[website] Improve loading image

mui · Sep 13, 2023 · d278821 · d278821
1 parent 98dd301
commit d278821
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/docs/src/components/landing/Hero.js b/docs/src/components/landing/Hero.js
@@ -158,7 +158,7 @@ export default function Hero() {
             }),
           ]}
         >
-          <IconImage width={28} height={28} name="product-toolpad" />
+          <IconImage width={28} height={28} loading="eager" name="product-toolpad" />
           <Box component="span" sx={{ ml: 1, mr: 1 }}>
             MUI Toolpad
           </Box>
@@ -170,7 +170,7 @@ export default function Hero() {
             size="small"
             variant="outlined"
             clickable
-            onDelete={() => {}}
+            onDelete={() => { }}
             deleteIcon={<ChevronRightIcon />}
             sx={[
               (theme) => ({
@@ -258,9 +258,8 @@ export default function Hero() {
               height: '100%',
               borderRadius: '16px',
               padding: '8px',
-              background: `linear-gradient(120deg, ${
-                (theme.vars || theme).palette.grey[50]
-              } 0%, ${alpha(theme.palette.primary[50], 0.5)} 150%)`,
+              background: `linear-gradient(120deg, ${(theme.vars || theme).palette.grey[50]
+                } 0%, ${alpha(theme.palette.primary[50], 0.5)} 150%)`,
               border: '1px solid',
               borderColor: (theme.vars || theme).palette.grey[100],
               backfaceVisibility: 'hidden',
@@ -274,9 +273,8 @@ export default function Hero() {
             }),
             (theme) =>
               theme.applyDarkStyles({
-                background: `linear-gradient(120deg, ${
-                  (theme.vars || theme).palette.primaryDark[500]
-                } 0%, ${alpha(theme.palette.primaryDark[800], 0.4)} 150%)`,
+                background: `linear-gradient(120deg, ${(theme.vars || theme).palette.primaryDark[500]
+                  } 0%, ${alpha(theme.palette.primaryDark[800], 0.4)} 150%)`,
                 borderColor: `${alpha(theme.palette.primaryDark[300], 0.3)}`,
                 boxShadow: `0 4px 8px ${alpha(theme.palette.common.black, 0.8)}`,
               }),