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

feat(SW-350): Update design for booking widget

Browse Source
This commit is contained in:
Pontus Dreij
2024-10-02 15:36:58 +02:00
parent a5400c1498
commit b9410327a4
6 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/[lang]/(live)/@bookingwidget/page.tsx
View File

@@ -13,5 +13,5 @@ export default async function BookingWidgetPage() {
return null return null
} }
return <BookingWidget /> return <BookingWidget type="full" />
} }

1
app/[lang]/(live)/layout.tsx
View File

@@ -2,6 +2,7 @@ import "@/app/globals.css"
import "@scandic-hotels/design-system/style.css" import "@scandic-hotels/design-system/style.css"
import Script from "next/script" import Script from "next/script"
import React from "react"
import { env } from "@/env/server" import { env } from "@/env/server"
import TrpcProvider from "@/lib/trpc/Provider" import TrpcProvider from "@/lib/trpc/Provider"

2
app/[lang]/(live-current)/layout.tsx
View File

@@ -65,7 +65,7 @@ export default async function RootLayout({
<SkipToMainContent /> <SkipToMainContent />
<ServerIntlProvider intl={{ defaultLocale, locale, messages }}> <ServerIntlProvider intl={{ defaultLocale, locale, messages }}>
{header} {header}
<BookingWidget /> <BookingWidget type="full" />
{children} {children}
<Footer /> <Footer />
<TokenRefresher /> <TokenRefresher />

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

@@ -75,6 +75,7 @@
} }
.rooms, .rooms,
.vouchers,
.when { .when {
padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
border-radius: var(--Corner-radius-Small); border-radius: var(--Corner-radius-Small);

2
components/Forms/BookingWidget/form.module.css
View File

@@ -27,7 +27,7 @@
} }
} }
@media screen and (min-width: 1367px) { @media screen and (min-width: 767px) {
.section { .section {
padding: var(--Spacing-x1) var(--Spacing-x5); padding: var(--Spacing-x1) var(--Spacing-x5);
} }

4
components/TempDesignSystem/Text/Caption/caption.module.css
View File

@@ -79,6 +79,10 @@ p.caption {
color: var(--UI-Text-High-contrast); color: var(--UI-Text-High-contrast);
} }
.disabled {
color: var(--Base-Text-Disabled);
}
.center { .center {
text-align: center; text-align: center;
} }