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

Merged in feat/SW-2407-mystay-tc-to-modal (pull request #2082)

Browse Source 
Feat/SW-2407 mystay tc to modal

* feat: SW-2407 Moved terms in modal view for my stay

* feat: SW-2407 Updated modal to show terms for reward nights and corporate cheque stay

* feat: SW-2407 Optimised code

* feat: SW-2407 Optimised code


Approved-by: Niclas Edenvin
This commit is contained in:
Hrishikesh Vaipurkar
2025-05-27 07:00:02 +00:00
parent db93cc7d0e
commit e2c1b066be
8 changed files with 194 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/room.module.css
View File

@@ -1,8 +1,8 @@
.multiRoom {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
padding: 0 var(--Spacing-x2);
gap: var(--Space-x2);
padding: 0 var(--Space-x2);
}
.cancelled {
@@ -16,12 +16,12 @@
.multiRoomCard {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
background-color: var(--Base-Background-Primary-Normal);
border-radius: var(--Corner-radius-lg);
border: 1px solid var(--Base-Border-Subtle);
overflow: hidden;
padding-bottom: var(--Spacing-x3);
padding-bottom: var(--Space-x3);
position: relative;
}
@@ -38,14 +38,14 @@
.roomHeader {
display: flex;
align-items: center;
gap: var(--Spacing-x-one-and-half);
gap: var(--Space-x15);
}
.chip {
background-color: var(--Scandic-Peach-30);
color: var(--Scandic-Red-100);
border-radius: var(--Corner-radius-sm);
padding: var(--Spacing-x-half) var(--Spacing-x1);
padding: var(--Space-x05) var(--Space-x1);
height: fit-content;
}
@@ -55,13 +55,13 @@
.reference {
display: flex;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
}
.details {
display: flex;
padding: var(--Spacing-x-one-and-half) var(--Spacing-x2) 0;
gap: var(--Spacing-x2);
padding: var(--Space-x15) var(--Space-x2) 0;
gap: var(--Space-x2);
flex-direction: column;
}
@@ -77,16 +77,37 @@
left: 10px;
display: flex;
flex-direction: row;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
z-index: 100;
}
.package {
background-color: var(--Main-Grey-White);
padding: var(--Spacing-x-half) var(--Spacing-x1);
padding: var(--Space-x05) var(--Space-x1);
border-radius: var(--Corner-radius-sm);
}
.termsLabel {
display: flex;
align-items: center;
}
.termsInfoIcon {
margin: -10px -10px -10px -5px;
}
.terms {
display: flex;
flex-direction: column;
gap: var(--Space-x1);
margin-top: var(--Space-x2);
}
.term {
display: flex;
gap: var(--Space-x1);
}
@media (min-width: 768px) {
.multiRoom {
padding: 0;