Simplify MFA onboarding styling & flow (#19584)

Align MFA onboarding flow

* Aligns QR Code to centre to make scanning on mobile easier
* Removes background from manual key text
* Re-adds spacing to bottom of form so it is not hard up against the code entry form
This commit is contained in:
Cody C 2024-01-31 22:51:07 +13:00 committed by GitHub
parent c1bdd679ff
commit b700e08d52
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -166,6 +166,15 @@ class HaMfaModuleSetupFlow extends LitElement {
ha-markdown a {
color: var(--primary-color);
}
ha-markdown-element p {
text-align: center;
}
ha-markdown-element code {
background-color: transparent;
}
ha-markdown-element > *:last-child {
margin-bottom: revert;
}
.init-spinner {
padding: 10px 100px 34px;
text-align: center;