fix: preamble, title and scripted text has been corrected in sizes and rotate

This commit is contained in:
Christian Andolf
2025-02-19 15:24:02 +01:00
parent 9b88b9d1da
commit f55ac3999a
2 changed files with 16 additions and 6 deletions

View File

@@ -6,7 +6,6 @@ import Button from "@/components/TempDesignSystem/Button"
import Link from "@/components/TempDesignSystem/Link"
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
import Body from "@/components/TempDesignSystem/Text/Body"
import Preamble from "@/components/TempDesignSystem/Text/Preamble"
import Title from "@/components/TempDesignSystem/Text/Title"
import styles from "./joinScandicFriends.module.css"
@@ -45,14 +44,21 @@ export default async function JoinScandicFriends({
<div className={styles.textContent}>
{show_header ? (
<header className={styles.header}>
<BiroScript color="red" type="two">
{content.scripted_top_title}
</BiroScript>
<Title level="h3">{content.title}</Title>
<div>
<BiroScript
color="red"
type="two"
tilted="small"
className={styles.scriptedText}
>
{content.scripted_top_title}
</BiroScript>
</div>
<Title level="h4">{content.title}</Title>
</header>
) : null}
<Preamble>{content.preamble}</Preamble>
<Body>{content.preamble}</Body>
{show_usp && usp.length ? (
<ul className={styles.usp}>

View File

@@ -42,6 +42,10 @@
gap: var(--Spacing-x-quarter);
}
.scriptedText {
display: inline-block;
}
.usp {
list-style: none;
display: grid;