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

feat(SW-865): link to booking without validation

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-12-12 13:49:15 +01:00
parent 9d4998c9c5
commit 51f422510c
11 changed files with 79 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
components/HotelReservation/BookingConfirmation/Promos/Promo/index.tsx
View File

@@ -9,18 +9,18 @@ import type { PromoProps } from "@/types/components/hotelReservation/bookingConf
export default function Promo({ buttonText, href, text, title }: PromoProps) {
return (
<article className={styles.promo}>
<Title color="white" level="h4">
{title}
</Title>
<Body className={styles.text} color="white" textAlign="center">
{text}
</Body>
<Button asChild intent="primary" size="small" theme="primaryStrong">
<Link color="none" href={href}>
{buttonText}
</Link>
</Button>
</article>
<Link className={styles.link} color="none" href={href}>
<article className={styles.promo}>
<Title color="white" level="h4">
{title}
</Title>
<Body className={styles.text} color="white" textAlign="center">
{text}
</Body>
<Button asChild intent="primary" size="small" theme="primaryStrong">
<div>{buttonText}</div>
</Button>
</article>
</Link>
)
}

4
components/HotelReservation/BookingConfirmation/Promos/Promo/promo.module.css
View File

@@ -13,7 +13,7 @@
padding: var(--Spacing-x4) var(--Spacing-x3);
}
.promo:nth-of-type(1) {
.link:nth-of-type(1) .promo {
background-image: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
@@ -23,7 +23,7 @@
url("/_static/img/Scandic_Park_Party_Lipstick.jpg");
}
.promo:nth-of-type(2) {
.link:nth-of-type(2) .promo {
background-image: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,