fix: make all h4 and subtitles capitalized

This commit is contained in:
Christel Westerberg
2024-07-15 15:07:23 +02:00
parent e8b9baf99e
commit 62310caa90
9 changed files with 26 additions and 15 deletions

View File

@@ -9,7 +9,7 @@ import SectionLink from "@/components/Section/Link"
import Chip from "@/components/TempDesignSystem/Chip"
import Grids from "@/components/TempDesignSystem/Grids"
import Body from "@/components/TempDesignSystem/Text/Body"
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import Title from "@/components/TempDesignSystem/Text/Title"
import { getIntl } from "@/i18n"
import { getMembershipLevelObject } from "@/utils/membershipLevel"
@@ -47,17 +47,18 @@ export default async function NextLevelBenefitsBlock({
<Lock height={16} />
{formatMessage({ id: "Level up to unlock" })}
</Chip>
<div>
<div className={styles.textContainer}>
<Body color="peach50" textAlign="center">
{formatMessage({ id: "As our" })} {nextLevel.name}
</Body>{" "}
<Subtitle
<Title
level="h4"
textTransform="capitalize"
color="pale"
textAlign="center"
textTransform="uppercase"
>
{benefit.title}
</Subtitle>
</Title>
</div>
</article>
))}