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

Merged in feat/book-522-align (pull request #3101)

Browse Source 
feat(BOOK-522): align items in topmenu, header and booking widget

* feat(BOOK-522): align items in topmenu, header and booking widget

* Delete old css variable and use new

* Fixed underline on icons


Approved-by: Erik Tiekstra
This commit is contained in:
Linus Flood
2025-11-07 11:06:56 +00:00
parent fd92afc015
commit 7fb95f436b
64 changed files with 103 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css
View File

@@ -8,7 +8,7 @@
height: 60px;
background-color: var(--Background-Primary);
border-radius: var(--Corner-radius-md);
padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
padding: var(--Spacing-x1) var(--Space-x15);
}
.bookingCodeLabel {
@@ -79,7 +79,7 @@
align-items: center;
background: var(--Base-Surface-Primary-light-Normal);
justify-content: space-between;
border-radius: var(--Spacing-x-one-and-half);
border-radius: var(--Space-x15);
}
.error {
color: var(--Text-Default);
@@ -92,7 +92,7 @@
}
.codePopover {
background: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Spacing-x-one-and-half);
border-radius: var(--Space-x15);
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
padding: var(--Spacing-x2);
width: 320px;

2
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css
View File

@@ -3,7 +3,7 @@
border-style: solid;
border-width: 1px;
border-radius: var(--Corner-radius-md);
padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
padding: var(--Spacing-x1) var(--Space-x15);
position: relative;
height: 60px;

4
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Voucher/voucher.module.css
View File

@@ -17,7 +17,7 @@
flex-direction: column;
}
.voucherSkeletonContainer {
padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
padding: var(--Spacing-x1) var(--Space-x15);
}
.checkbox {
@@ -36,7 +36,7 @@
}
.option {
margin-top: 0;
gap: var(--Spacing-x-one-and-half);
gap: var(--Space-x15);
}
.optionsContainer {
display: grid;

7
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css
View File

@@ -1,6 +1,6 @@
.vouchersHeader {
display: flex;
gap: var(--Spacing-x-one-and-half);
gap: var(--Space-x15);
}
.checkbox {
@@ -55,7 +55,7 @@
.rooms,
.when {
padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
padding: var(--Spacing-x1) var(--Space-x15);
}
.button {
@@ -87,6 +87,7 @@
display: flex;
flex: 2;
gap: var(--Spacing-x2);
margin-left: calc(-1 * var(--Space-x15));
}
.voucherContainer {
flex: 1;
@@ -105,7 +106,7 @@
.rooms,
.when {
padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
padding: var(--Spacing-x1) var(--Space-x15);
border-radius: var(--Corner-radius-md);
}

8
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/form.module.css
View File

@@ -28,8 +28,8 @@
@media screen and (min-width: 1367px) {
.default {
padding: var(--Spacing-x-one-and-half) var(--Spacing-x2)
var(--Spacing-x-one-and-half) var(--Spacing-x1);
padding: var(--Space-x15) var(--Spacing-x2) var(--Space-x15)
var(--Spacing-x1);
}
.full {
@@ -43,8 +43,8 @@
}
.compact {
padding: var(--Spacing-x-one-and-half) var(--Spacing-x2)
var(--Spacing-x-one-and-half) var(--Spacing-x1);
padding: var(--Space-x15) var(--Spacing-x2) var(--Space-x15)
var(--Spacing-x1);
white-space: nowrap;
}
}