Updated the colors in the Plan.jsx
This commit is contained in:
@ -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>
|
||||
|
Reference in New Issue
Block a user