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

feat(SW-240): change class name

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-08-15 14:09:09 +02:00
parent 3eaaa9aca2
commit 66f2b202c9
2 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Forms/BookingWidget/FormContent/formContent.module.css
View File

@@ -8,7 +8,7 @@
padding: var(--Spacing-x1) var(--Spacing-x0); padding: var(--Spacing-x1) var(--Spacing-x0);
} }
.bodyFontSize { .fontSize {
font-size: var(--typography-Caption-Bold-Desktop-fontSize); font-size: var(--typography-Caption-Bold-Desktop-fontSize);
} }

13
components/Forms/BookingWidget/FormContent/index.tsx
View File

@@ -1,5 +1,4 @@
"use client" "use client"
import { useIntl } from "react-intl" import { useIntl } from "react-intl"
import Body from "@/components/TempDesignSystem/Text/Body" import Body from "@/components/TempDesignSystem/Text/Body"
@@ -19,19 +18,19 @@ export default function FormContent() {
return ( return (
<div className={styles.input}> <div className={styles.input}>
<div className={`${styles.where} ${styles.border}`}> <div className={`${styles.where} ${styles.border}`}>
<Body color="red" textTransform="bold" className={styles.bodyFontSize}> <Body color="red" textTransform="bold" className={styles.fontSize}>
{where} {where}
</Body> </Body>
<input type="text" placeholder={where} /> <input type="text" placeholder={where} />
</div> </div>
<div className={`${styles.when} ${styles.border}`}> <div className={`${styles.when} ${styles.border}`}>
<Body color="red" textTransform="bold" className={styles.bodyFontSize}> <Body color="red" textTransform="bold" className={styles.fontSize}>
{when} {when}
</Body> </Body>
<input type="text" placeholder={when} /> <input type="text" placeholder={when} />
</div> </div>
<div className={`${styles.rooms} ${styles.border}`}> <div className={`${styles.rooms} ${styles.border}`}>
<Body color="red" textTransform="bold" className={styles.bodyFontSize}> <Body color="red" textTransform="bold" className={styles.fontSize}>
{rooms} {rooms}
</Body> </Body>
<input type="text" placeholder={rooms} /> <input type="text" placeholder={rooms} />
@@ -40,7 +39,7 @@ export default function FormContent() {
<Body <Body
color="textMediumContrast" color="textMediumContrast"
textTransform="bold" textTransform="bold"
className={styles.bodyFontSize} className={styles.fontSize}
> >
{vouchers} {vouchers}
</Body> </Body>
@@ -49,13 +48,13 @@ export default function FormContent() {
<div className={styles.options}> <div className={styles.options}>
<div className={styles.option}> <div className={styles.option}>
<input type="checkbox" /> <input type="checkbox" />
<Body color="textMediumContrast" className={styles.bodyFontSize}> <Body color="textMediumContrast" className={styles.fontSize}>
{bonus} {bonus}
</Body> </Body>
</div> </div>
<div className={styles.option}> <div className={styles.option}>
<input type="checkbox" /> <input type="checkbox" />
<Body color="textMediumContrast" className={styles.bodyFontSize}> <Body color="textMediumContrast" className={styles.fontSize}>
{reward} {reward}
</Body> </Body>
</div> </div>