mirror of
https://github.com/home-assistant/frontend.git
synced 2025-11-12 04:20:28 +00:00
Make "loading next step" look like progress step in config flows (#27234)
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user