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

chore: Replaced deprecated Spacing variables with current values

Browse Source 
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-11-12 12:56:22 +00:00
parent 8dce04b931
commit 88644597df
229 changed files with 855 additions and 869 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
packages/booking-flow/lib/components/EnterDetails/PriceChangeDialog/PriceChangeSummary/priceChangeSummary.module.css
View File

@@ -20,16 +20,16 @@
.content {
width: 100%;
height: 100%;
padding: var(--Spacing-x4);
padding: var(--Space-x4);
display: flex;
flex-direction: column;
gap: var(--Spacing-x4);
gap: var(--Space-x4);
}
.closeButton {
position: absolute;
top: var(--Spacing-x4);
right: var(--Spacing-x4);
top: var(--Space-x4);
right: var(--Space-x4);
}
.roomsSection {
@@ -39,10 +39,10 @@
}
.rowContainer {
padding: var(--Spacing-x2) 0;
padding: var(--Space-x2) 0;
display: flex;
flex-direction: column;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
.roomContainer:first-child {
@@ -61,21 +61,21 @@
.updatedPrice {
display: flex;
align-items: center;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
.footer {
display: flex;
flex-direction: column-reverse;
justify-content: center;
gap: var(--Spacing-x2);
padding-top: var(--Spacing-x6);
gap: var(--Space-x2);
padding-top: var(--Space-x6);
margin-top: auto;
}
@media screen and (min-width: 1367px) {
.dialog {
padding: var(--Spacing-x6);
padding: var(--Space-x6);
align-items: center;
}
@@ -91,6 +91,6 @@
.footer {
flex-direction: row;
padding: var(--Spacing-x6) 0;
padding: var(--Space-x6) 0;
}
}

16
packages/booking-flow/lib/components/EnterDetails/PriceChangeDialog/priceChangeDialog.module.css
View File

@@ -58,37 +58,37 @@
box-shadow: var(--modal-box-shadow);
display: flex;
flex-direction: column;
gap: var(--Spacing-x4);
padding: var(--Spacing-x5) var(--Spacing-x4);
gap: var(--Space-x4);
padding: var(--Space-x5) var(--Space-x4);
width: 100dvw;
}
.header {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
.titleContainer {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
.footer {
display: flex;
flex-direction: column-reverse;
justify-content: center;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
.modal .prices {
display: flex;
align-items: center;
justify-content: center;
gap: var(--Spacing-x-half);
padding-top: var(--Spacing-x-half);
gap: var(--Space-x05);
padding-top: var(--Space-x05);
}
@media screen and (min-width: 1367px) {
@@ -98,7 +98,7 @@
.dialog {
border-radius: var(--Corner-radius-md);
padding: var(--Spacing-x6);
padding: var(--Space-x6);
width: fit-content;
}