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

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

18
components/Blocks/JoinScandicFriends/index.tsx
View File

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

4
components/Blocks/JoinScandicFriends/joinScandicFriends.module.css
View File

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