scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: tweak page layout

Browse Source
This commit is contained in:
Arvid Norlin
2024-05-22 11:14:53 +02:00
parent 14904e004a
commit bf247fa2b5
4 changed files with 111 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
components/Loyalty/Blocks/DynamicContent/index.tsx
View File

@@ -29,39 +29,44 @@ function DynamicComponentBlock({ component }: DynamicComponentProps) {
export default function DynamicContent({
dynamicContent,
}: DynamicContentProps) {
const displayHeader = !!(
dynamicContent.title ||
dynamicContent.subtitle ||
dynamicContent.title
)
return (
<section className={styles.container}>
<header className={styles.titleContainer}>
{dynamicContent.title && (
<Title
as="h3"
level="h2"
className={styles.title}
weight="semiBold"
uppercase
>
{dynamicContent.title}
</Title>
)}
{dynamicContent.link ? (
<Link className={styles.link} href={dynamicContent.link.href}>
{dynamicContent.link.text}
</Link>
) : null}
{dynamicContent.subtitle && (
<Title
as="h5"
level="h3"
weight="regular"
className={styles.subtitle}
>
{dynamicContent.subtitle}
</Title>
)}
</header>
<div>
<DynamicComponentBlock component={dynamicContent.component} />
</div>
{displayHeader && (
<header className={styles.titleContainer}>
{dynamicContent.title && (
<Title
as="h3"
level="h2"
className={styles.title}
weight="semiBold"
uppercase
>
{dynamicContent.title}
</Title>
)}
{dynamicContent.link ? (
<Link className={styles.link} href={dynamicContent.link.href}>
{dynamicContent.link.text}
</Link>
) : null}
{dynamicContent.subtitle && (
<Title
as="h5"
level="h3"
weight="regular"
className={styles.subtitle}
>
{dynamicContent.subtitle}
</Title>
)}
</header>
)}
<DynamicComponentBlock component={dynamicContent.component} />
</section>
)
}