Merged in fix/STAY-133-modal-header (pull request #3330)

fix: adapt modal header to look like design

* fix: adapt modal header to look like design


Approved-by: Chuma Mcphoy (We Ahead)
Approved-by: Matilda Landström
This commit is contained in:
Christel Westerberg
2025-12-15 07:35:27 +00:00
parent 4ec1e85d84
commit 5861f9a811
15 changed files with 11 additions and 18 deletions

View File

@@ -3,7 +3,7 @@
flex-direction: column;
gap: var(--Space-x2);
width: 100%;
padding: var(--Space-x3) var(--Space-x2) var(--Space-x4) var(--Space-x2);
padding: var(--Space-x1) var(--Space-x2) var(--Space-x4) var(--Space-x2);
}
.header {
@@ -29,7 +29,7 @@
@media screen and (min-width: 768px) {
.modalContent {
padding: var(--Space-x3) var(--Space-x3) var(--Space-x3);
padding: var(--Space-x1) var(--Space-x3) var(--Space-x3);
width: 560px; /* From figma design */
}

View File

@@ -205,7 +205,7 @@
align-items: center;
text-align: center;
gap: var(--Space-x3);
padding-inline: var(--Space-x3);
padding-inline: var(--Space-x1) var(--Space-x3) var(--Space-x3);
}
.expiryText {