Make "loading next step" look like progress step in config flows (#27234)

This commit is contained in:
Petar Petrov
2025-09-29 10:19:18 +03:00
committed by GitHub
parent a0d2e7312b
commit e546cb3374
2 changed files with 7 additions and 5 deletions

View File

@@ -26,20 +26,21 @@ class StepFlowLoading extends LitElement {
this.step this.step
); );
return html` return html`
<div class="init-spinner"> <div class="content">
<ha-spinner size="large"></ha-spinner>
${description ? html`<div>${description}</div>` : ""} ${description ? html`<div>${description}</div>` : ""}
<ha-spinner></ha-spinner>
</div> </div>
`; `;
} }
static styles = css` static styles = css`
.init-spinner { .content {
margin-top: 0;
padding: 50px 100px; padding: 50px 100px;
text-align: center; text-align: center;
} }
ha-spinner { ha-spinner {
margin-top: 16px; margin-bottom: 16px;
} }
`; `;
} }

View File

@@ -48,6 +48,7 @@ class StepFlowProgress extends LitElement {
configFlowContentStyles, configFlowContentStyles,
css` css`
.content { .content {
margin-top: 0;
padding: 50px 100px; padding: 50px 100px;
text-align: center; text-align: center;
} }