fix: correct conditional header content styles

This commit is contained in:
Arvid Norlin
2024-04-24 10:47:09 +02:00
parent a6a909a631
commit 265f55ca9a
6 changed files with 57 additions and 25 deletions

View File

@@ -7,6 +7,7 @@ import Button from "@/components/TempDesignSystem/Button"
import Title from "@/components/Title"
import styles from "./next.module.css"
import { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
export default async function NextLevelBenefitsBlock({
@@ -19,14 +20,16 @@ export default async function NextLevelBenefitsBlock({
return (
<section className={styles.container}>
<header className={styles.header}>
<Title as="h3" level="h2" uppercase className={styles.title}>
{title}
{link && (
<Link className={styles.link} href={link.href}>
{link.text}
</Link>
)}
</Title>
{title && (
<Title as="h3" level="h2" uppercase className={styles.title}>
{title}
</Title>
)}
{link && (
<Link className={styles.link} href={link.href}>
{link.text}
</Link>
)}
</header>
{subtitle && <p className={styles.subtitle}>{subtitle}</p>}
<div className={styles.cardContainer}>