Updated the colors in the Plan.jsx

This commit is contained in:
2023-07-09 16:07:07 +02:00
parent 3fd853b9f5
commit 72e8e744c9

@ -14,7 +14,7 @@ export const Plan = ({name, price, features = {}}) => {
<Stack direction="column" spacing={1}>
<Stack direction="column" alignItems="center">
<img src={isDarkMode ? LogoDark : LogoLight} alt="Logo" height={40}/>
<Typography variant="h6" fontWeight={500} color="black">{name.toUpperCase()}</Typography>
<Typography variant="h6" fontWeight={500}>{name.toUpperCase()}</Typography>
</Stack>
<Typography variant="h6" fontWeight={500} textAlign="center">{price}</Typography>
</Stack>
@ -23,8 +23,8 @@ export const Plan = ({name, price, features = {}}) => {
{Object.entries(features).map(([key, value]) => (
<Stack direction="row" alignItems="center" key={key}>
{value === false ? <Close color="error" fontSize="large" sx={{mr: 0.5}}/>
: <Check color="primary" fontSize="large" sx={{mr: 0.5}}/>}
<Typography variant="h6" fontWeight={500} color="black">{value} {key}</Typography>
: <Check color="success" fontSize="large" sx={{mr: 0.5}}/>}
<Typography variant="h6" fontWeight={500}>{value} {key}</Typography>
</Stack>
))}
</Stack>