UX: minor installation success style adjustments (#21239)

This commit is contained in:
Kris 2023-04-25 15:50:54 -04:00 committed by GitHub
parent 76176eda9d
commit 06893d8505
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 6 deletions

View File

@ -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 {