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

feat(SW-240): add borders

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-08-13 15:09:03 +02:00
parent 8c339fa593
commit 5a0d1c6d7b
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/BookingWidget/bookingWidget.module.css
View File

@@ -25,6 +25,10 @@
font-size: var(--typography-Caption-Bold-Desktop-fontSize);
}
.border {
border-right: 1px solid var(--Base-Surface-Subtle-Normal);
}
.where {
width: 100%;
max-width: 280px;

8
components/BookingWidget/index.tsx
View File

@@ -54,7 +54,7 @@ export function BookingWidget() {
<form onSubmit={methods.handleSubmit(onSubmit)} className={styles.form}>
<FormProvider {...methods}>
<div className={styles.input}>
<div className={styles.where}>
<div className={`${styles.where} ${styles.border}`}>
<Body
color="red"
textTransform="bold"
@@ -63,7 +63,7 @@ export function BookingWidget() {
{intl.formatMessage({ id: "Where to" })}
</Body>
</div>
<div className={styles.when}>
<div className={`${styles.when} ${styles.border}`}>
<Body
color="red"
textTransform="bold"
@@ -72,7 +72,7 @@ export function BookingWidget() {
{intl.formatMessage({ id: "When" })}
</Body>
</div>
<div className={styles.rooms}>
<div className={`${styles.rooms} ${styles.border}`}>
<Body
color="red"
textTransform="bold"
@@ -81,7 +81,7 @@ export function BookingWidget() {
{intl.formatMessage({ id: "Rooms & Guests" })}
</Body>
</div>
<div className={styles.vouchers}>
<div className={`${styles.vouchers} ${styles.border}`}>
<Body
color="textMediumContrast"
textTransform="bold"