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

Merged in fix/SW-2367-mobile-ui-correction- (pull request #2603)

Browse Source 
Fix/SW-2367 mobile ui correction

* fix(SW-2367): UI updates

* fix(SW-2367): Optimised code


Approved-by: Bianca Widstam
This commit is contained in:
Hrishikesh Vaipurkar
2025-08-07 13:00:11 +00:00
parent 271d5ec32c
commit 6dd95d4a4a
10 changed files with 31 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/Room/room.module.css
View File

@@ -17,7 +17,6 @@
}
.termsText:nth-child(n) {
display: flex;
align-items: center;
margin-bottom: var(--Space-x1);
}

2
apps/scandic-web/components/HotelReservation/EnterDetails/Summary/Mobile/BottomSheet/bottomSheet.module.css
View File

@@ -87,7 +87,7 @@
color: var(--Component-Button-Brand-Secondary-On-fill-Default);
}
@media screen and (min-width: 768px) {
@media screen and (min-width: 1367px) {
.bottomSheet {
padding: var(--Space-x2) 0 var(--Space-x7);
}

1
apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/Room/room.module.css
View File

@@ -18,7 +18,6 @@
.termsText:nth-child(n) {
display: flex;
align-items: center;
margin-bottom: var(--Space-x1);
}

25
apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/ui.module.css
View File

@@ -2,8 +2,8 @@
border-radius: var(--Corner-radius-lg);
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
padding: var(--Spacing-x3);
gap: var(--Space-x2);
padding: var(--Space-x3);
height: 100%;
}
@@ -25,32 +25,32 @@
.date {
align-items: center;
display: flex;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
justify-content: flex-start;
grid-area: date;
}
.link {
margin-top: var(--Spacing-x1);
margin-top: var(--Space-x1);
}
.addOns {
display: flex;
flex-direction: column;
gap: var(--Spacing-x-one-and-half);
gap: var(--Space-x15);
overflow-y: auto;
}
.rateDetailsPopover {
display: flex;
flex-direction: column;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
max-width: 360px;
}
.entry {
display: flex;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
justify-content: space-between;
}
.prices {
@@ -84,7 +84,7 @@
.total {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
.bottomDivider {
@@ -96,16 +96,15 @@
}
.terms {
margin-top: var(--Spacing-x3);
margin-bottom: var(--Spacing-x3);
margin-top: var(--Space-x3);
margin-bottom: var(--Space-x3);
}
.termsText:nth-child(n) {
display: flex;
align-items: center;
margin-bottom: var(--Spacing-x1);
margin-bottom: var(--Space-x1);
}
.terms .termsIcon {
margin-right: var(--Spacing-x1);
margin-right: var(--Space-x1);
}
@media screen and (min-width: 1367px) {

7
apps/scandic-web/components/HotelReservation/HotelCard/HotelChequeCard/hotelChequeCard.module.css
View File

@@ -1,19 +1,20 @@
.chequeCard {
padding: var(--Spacing-x-one-and-half);
padding: var(--Space-x15);
background-color: var(--Base-Surface-Secondary-light-Normal);
border-radius: var(--Corner-radius-md);
margin: 0;
width: 100%;
display: grid;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
.chequeRow,
.cheque {
display: flex;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
justify-content: space-between;
align-items: baseline;
color: var(--Text-Default);
}
.cheque {

3
apps/scandic-web/components/HotelReservation/HotelCard/HotelPointsRow/hotelPointsRow.module.css
View File

@@ -1,5 +1,6 @@
.poinstRow {
display: flex;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
align-items: baseline;
color: var(--Text-Default);
}

1
apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Details/Terms/terms.module.css
View File

@@ -7,7 +7,6 @@
.term {
display: flex;
align-items: center;
gap: var(--Space-x1);
}

1
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/RateSummary/MobileSummary/Room/room.module.css
View File

@@ -18,7 +18,6 @@
.termsText:nth-child(n) {
display: flex;
align-items: center;
margin-bottom: var(--Space-x1);
}

25
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css
View File

@@ -2,8 +2,8 @@
border-radius: var(--Corner-radius-lg);
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
padding: var(--Spacing-x3);
gap: var(--Space-x2);
padding: var(--Space-x3);
height: 100%;
}
@@ -31,32 +31,32 @@
.date {
align-items: center;
display: flex;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
justify-content: flex-start;
grid-area: date;
}
.link {
margin-top: var(--Spacing-x1);
margin-top: var(--Space-x1);
}
.addOns {
display: flex;
flex-direction: column;
gap: var(--Spacing-x-one-and-half);
gap: var(--Space-x15);
overflow-y: auto;
}
.rateDetailsPopover {
display: flex;
flex-direction: column;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
max-width: 360px;
}
.entry {
display: flex;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
justify-content: space-between;
}
@@ -67,7 +67,7 @@
.total {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
.bottomDivider {
@@ -79,16 +79,15 @@
}
.terms {
margin-top: var(--Spacing-x3);
margin-bottom: var(--Spacing-x3);
margin-top: var(--Space-x3);
margin-bottom: var(--Space-x3);
}
.termsText:nth-child(n) {
display: flex;
align-items: center;
margin-bottom: var(--Spacing-x1);
margin-bottom: var(--Space-x1);
}
.terms .termsIcon {
margin-right: var(--Spacing-x1);
margin-right: var(--Space-x1);
}
@media screen and (min-width: 1367px) {

1
packages/design-system/lib/components/RateCard/rate-card.module.css
View File

@@ -156,7 +156,6 @@ label:not(:has(.radio:checked)) .checkIcon {
.term {
display: flex;
align-items: center;
gap: var(--Space-x1);
}