fix: preamble, title and scripted text has been corrected in sizes and rotate
This commit is contained in:
@@ -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}>
|
||||
|
||||
@@ -42,6 +42,10 @@
|
||||
gap: var(--Spacing-x-quarter);
|
||||
}
|
||||
|
||||
.scriptedText {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.usp {
|
||||
list-style: none;
|
||||
display: grid;
|
||||
|
||||
Reference in New Issue
Block a user