reduce font-weight

danilo-leal · Jun 14, 2024 · 71e5765 · 71e5765
1 parent 5793b95
commit 71e5765
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 21 deletions.
diff --git a/docs/src/components/home/DiamondSponsors.tsx b/docs/src/components/home/DiamondSponsors.tsx
@@ -18,8 +18,7 @@ const DIAMONDs = [
   {
     src: '/static/sponsors/doit-square.svg',
     name: 'Doit International',
-    description:
-      'Delivers technology and cloud expertise to buy, optimize and manage public cloud.',
+    description: 'Technology and cloud expertise to buy, optimize and manage public cloud.',
     href: 'https://www.doit.com/?utm_source=MUI&utm_medium=referral&utm_content=homepage',
   },
   {
@@ -45,7 +44,7 @@ export default function DiamondSponsors() {
         variant="h6"
         sx={[
           {
-            fontWeight: 'bold',
+            fontWeight: 'semiBold',
           },
           (theme) => ({
             mt: 4,
@@ -97,7 +96,7 @@ export default function DiamondSponsors() {
                 <AddRounded />
               </IconButton>
               <div>
-                <Typography variant="body2" sx={{ color: 'text.primary', fontWeight: 'bold' }}>
+                <Typography variant="body2" sx={{ color: 'text.primary', fontWeight: 'semiBold' }}>
                   Become our sponsor!
                 </Typography>
                 <Typography variant="body2" sx={{ color: 'text.secondary' }}>

diff --git a/docs/src/components/home/GoldSponsors.tsx b/docs/src/components/home/GoldSponsors.tsx
@@ -78,7 +78,7 @@ export default function GoldSponsors() {
         variant="h6"
         sx={[
           {
-            fontWeight: 'bold',
+            fontWeight: 'semiBold',
           },
           (theme) => ({
             mt: 4,
@@ -129,7 +129,7 @@ export default function GoldSponsors() {
               <AddRounded />
             </IconButton>
             <div>
-              <Typography variant="body2" sx={{ color: 'text.primary', fontWeight: 'bold' }}>
+              <Typography variant="body2" sx={{ color: 'text.primary', fontWeight: 'semiBold' }}>
                 Become a sponsor
               </Typography>
               <Typography variant="body2" sx={{ color: 'text.secondary' }}>

diff --git a/docs/src/components/home/SponsorCard.tsx b/docs/src/components/home/SponsorCard.tsx
@@ -1,9 +1,7 @@
 import * as React from 'react';
 import Avatar from '@mui/material/Avatar';
-import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import Paper from '@mui/material/Paper';
-import LaunchRounded from '@mui/icons-material/LaunchRounded';
 import { Link } from '@mui/docs/Link';
 
 export default function SponsorCard(props: {
@@ -39,31 +37,23 @@ export default function SponsorCard(props: {
       sx={{
         p: 2,
         display: 'flex',
+        gap: 2,
         height: '100%',
-        '& svg': {
-          transition: '0.2s',
-        },
-        '&:hover': {
-          '& svg': {
-            transform: 'translateY(-2px)',
-          },
-        },
       }}
     >
       <Avatar
         {...(inView && { src: item.src, srcSet: item.srcSet, alt: `${item.name} logo` })}
         sx={{ borderRadius: '4px', width: logoSize, height: logoSize }}
         slotProps={{ img: { loading: 'lazy' } }}
       />
-      <Box sx={{ ml: 2 }}>
-        <Typography variant="body2" sx={{ fontWeight: 'bold' }}>
-          {item.name}{' '}
-          <LaunchRounded color="primary" sx={{ fontSize: 14, verticalAlign: 'middle', ml: 0.5 }} />
+      <div>
+        <Typography variant="body2" sx={{ fontWeight: 'semiBold', mb: '2px' }}>
+          {item.name}
         </Typography>
         <Typography variant="body2" sx={{ color: 'text.secondary' }}>
           {item.description}
         </Typography>
-      </Box>
+      </div>
     </Paper>
   );
 }