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/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) {