e85248124f
fix(LOY-500): fixed correct css for use points button * fix(LOY-500): fixed styling for use points button * fix(LOY-500): fix Approved-by: Matilda Landström
47 lines
893 B
CSS
47 lines
893 B
CSS
.modalContent {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--Space-x2);
|
|
width: 100%;
|
|
padding: var(--Space-x1) var(--Space-x2) var(--Space-x4) var(--Space-x2);
|
|
}
|
|
|
|
.header {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--Space-x1);
|
|
padding: 0 var(--Space-x2);
|
|
}
|
|
|
|
.points {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--Space-x15);
|
|
}
|
|
|
|
.pointsText {
|
|
color: var(--Text-Brand-OnAccent-Heading);
|
|
}
|
|
|
|
.pointsNumber {
|
|
color: var(--Text-Brand-OnPrimary-1-Accent);
|
|
}
|
|
@media screen and (max-width: 767px) {
|
|
.textButton {
|
|
margin-top: var(--Space-x2);
|
|
}
|
|
}
|
|
@media screen and (min-width: 768px) {
|
|
.modalContent {
|
|
padding: var(--Space-x1) var(--Space-x3) var(--Space-x3);
|
|
width: 560px; /* From figma design */
|
|
}
|
|
|
|
.primaryButton {
|
|
padding: var(--Space-x15) var(--Space-x2) var(--Space-x15) var(--Space-x3);
|
|
}
|
|
.textButton {
|
|
padding: 0;
|
|
}
|
|
}
|