Refine pricing cards

zanivan · Jan 8, 2024 · 1ffb02f · 1ffb02f
1 parent 3adc4cf
commit 1ffb02f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/docs/data/material/getting-started/templates/album/components/Hero.tsx b/docs/data/material/getting-started/templates/album/components/Hero.tsx
@@ -34,7 +34,7 @@ export default function ProductHero() {
         }}
       >
         <Grid container justifyContent="center">
-          <Grid item xs={12} md={6} lg={4}>
+          <Grid item xs={12} md={6} xl={4}>
             <Stack
               direction="column"
               spacing={2}

diff --git a/docs/data/material/getting-started/templates/album/components/Pricing.tsx b/docs/data/material/getting-started/templates/album/components/Pricing.tsx
@@ -120,7 +120,7 @@ export default function Pricing() {
               >
                 <CardContent>
                   <Box
-                    sx={{ display: 'flex', justifyContent: 'space-between', gap: 2 }}
+                    sx={{ display: 'flex', justifyContent: 'space-between', mb: 1 }}
                   >
                     <Typography variant="h6" gutterBottom>
                       {tier.title}
@@ -167,11 +167,16 @@ export default function Pricing() {
                       &nbsp; per month
                     </Typography>
                   </Box>
-                  <Divider sx={{ my: 2 }} />
+                  <Divider sx={{ my: 3 }} />
                   {tier.description.map((line) => (
                     <Box
                       key={line}
-                      sx={{ display: 'flex', gap: 1, p: 1, alignItems: 'center' }}
+                      sx={{
+                        display: 'flex',
+                        gap: 1.5,
+                        p: 1,
+                        alignItems: 'center',
+                      }}
                     >
                       <CheckCircleRoundedIcon
                         sx={{