general adjustments and tweaks

mui · Sep 6, 2023 · 60c34d3 · 60c34d3
1 parent 1c61b7a
commit 60c34d3
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 11 deletions.
diff --git a/docs/src/components/about/AboutHero.tsx b/docs/src/components/about/AboutHero.tsx
@@ -54,8 +54,8 @@ const ImageContainer = styled('div')(() => ({
 }));
 
 const Image = styled('img')(({ theme }) => ({
-  width: 350,
-  height: 250,
+  width: 400,
+  height: 300,
   objectFit: 'cover',
   borderRadius: theme.shape.borderRadius,
   border: '1px solid',
@@ -87,7 +87,7 @@ function PhotoGallery() {
         minWidth: '100%',
         display: 'flex',
         gap: 2,
-        my: 4,
+        my: 5,
         '> div': {
           animation: `${scroll} 120s linear infinite`,
         },
@@ -153,7 +153,7 @@ export default function AboutHero() {
           alignItems: 'center',
         }}
       >
-        <Typography variant="body2" color="primary.600" fontWeight="bold">
+        <Typography color="primary.main" variant="body2" fontWeight="bold">
           About us
         </Typography>
         <Typography component="h1" variant="h2" sx={{ my: 1, textAlign: 'center' }}>
@@ -164,7 +164,7 @@ export default function AboutHero() {
           color="text.secondary"
           textAlign="center"
           sx={{
-            maxWidth: { md: 500 },
+            maxWidth: { md: 450 },
           }}
         >
           We aim high at enabling developers & designers to bring stunning UIs to life with

diff --git a/docs/src/components/about/OurValues.tsx b/docs/src/components/about/OurValues.tsx
@@ -114,7 +114,7 @@ export default function OurValues() {
                   color: (theme.vars || theme).palette.text.primary,
                   '&::first-letter': {
                     mr: 0.1,
-                    fontSize: theme.typography.pxToRem(18),
+                    fontSize: theme.typography.pxToRem(16),
                     color: (theme.vars || theme).palette.primary.main,
                   },
                   ...theme.applyDarkStyles({

diff --git a/docs/src/components/about/Team.tsx b/docs/src/components/about/Team.tsx
@@ -317,8 +317,9 @@ export default function Team() {
           <Typography variant="h2" mb={1}>
             Meet the <GradientText>MUIers</GradientText>
           </Typography>
-          <Typography color="text.secondary" mb={2}>
-            Contributing from all corners of the world, MUI is a global team & community.
+          <Typography color="text.secondary" mb={2} sx={{ maxWidth: 450 }}>
+            Contributing from all corners of the world, <br />
+            MUI is a global team & community.
           </Typography>
           <Button
             component={Link}
@@ -359,7 +360,8 @@ export default function Team() {
             Community contributors
           </Typography>
           <Typography color="text.secondary" sx={{ maxWidth: { md: 500 } }}>
-            Some members of the community have so enriched it, that they deserve special mention.
+            Special members of the community deserve a shout-out for their ever-lasting impact on
+            MUI’s products.
           </Typography>
           <Grid container spacing={2} mt={2}>
             {contributors.map((profile) => (

diff --git a/docs/src/components/typography/SectionHeadline.tsx b/docs/src/components/typography/SectionHeadline.tsx
@@ -24,9 +24,9 @@ export default function SectionHeadline(props: SectionHeadlineProps) {
         variant="body2"
         sx={(theme) => ({
           mb: 1,
-          color: 'primary.600',
+          color: 'primary.500',
           ...theme.applyDarkStyles({
-            color: 'primary.300',
+            color: 'primary.400',
           }),
           ...(alwaysCenter && {
             textAlign: 'center',