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 {
|
||||
background: $wizard-bg;
|
||||
background-size: 110vw 110vh; // crops better than cover at various viewport sizes
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom;
|
||||
background-color: var(--secondary);
|
||||
|
@ -704,6 +704,7 @@ body.wizard {
|
|||
.finish-installation {
|
||||
.wizard-congratulations-wrap {
|
||||
display: flex;
|
||||
gap: 1em;
|
||||
@media screen and (max-width: 750px) {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
@ -717,13 +718,9 @@ body.wizard {
|
|||
margin: 0 auto 1em 0;
|
||||
}
|
||||
|
||||
&-image {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.tada {
|
||||
height: 15vw;
|
||||
max-height: 10em;
|
||||
max-height: 9em;
|
||||
}
|
||||
|
||||
.help-text {
|
||||
|
|
Loading…
Reference in New Issue