UX: minor installation success style adjustments (#21239)
This commit is contained in:
parent
76176eda9d
commit
06893d8505
|
@ -17,7 +17,7 @@ $wizard-mobile-bg: absolute-image-url("/branded-background-mobile.svg");
|
||||||
|
|
||||||
body.wizard {
|
body.wizard {
|
||||||
background: $wizard-bg;
|
background: $wizard-bg;
|
||||||
background-size: 110vw 110vh; // crops better than cover at various viewport sizes
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: bottom;
|
background-position: bottom;
|
||||||
background-color: var(--secondary);
|
background-color: var(--secondary);
|
||||||
|
@ -704,6 +704,7 @@ body.wizard {
|
||||||
.finish-installation {
|
.finish-installation {
|
||||||
.wizard-congratulations-wrap {
|
.wizard-congratulations-wrap {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
gap: 1em;
|
||||||
@media screen and (max-width: 750px) {
|
@media screen and (max-width: 750px) {
|
||||||
flex-direction: column-reverse;
|
flex-direction: column-reverse;
|
||||||
}
|
}
|
||||||
|
@ -717,13 +718,9 @@ body.wizard {
|
||||||
margin: 0 auto 1em 0;
|
margin: 0 auto 1em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-image {
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tada {
|
.tada {
|
||||||
height: 15vw;
|
height: 15vw;
|
||||||
max-height: 10em;
|
max-height: 9em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.help-text {
|
.help-text {
|
||||||
|
|
Loading…
Reference in New Issue