centered loading for system health and logs (#2759)

This commit is contained in:
Leonardo Merza 2019-02-16 14:54:57 -05:00 committed by Paulus Schoutsen
parent f127bbc64d
commit 2d3d4db4dd
2 changed files with 12 additions and 3 deletions

View File

@ -51,7 +51,9 @@ class SystemHealthCard extends LitElement {
if (!this._info) { if (!this._info) {
sections.push( sections.push(
html` html`
<paper-spinner active></paper-spinner> <div class="loading-container">
<paper-spinner active></paper-spinner>
</div>
` `
); );
} else { } else {
@ -120,6 +122,12 @@ class SystemHealthCard extends LitElement {
td:first-child { td:first-child {
width: 33%; width: 33%;
} }
.loading-container {
display: flex;
align-items: center;
justify-content: center;
}
`; `;
} }
} }

View File

@ -137,9 +137,10 @@ class SystemLogCard extends LitElement {
} }
.loading-container { .loading-container {
@apply --layout-vertical;
@apply --layout-center-center;
height: 100px; height: 100px;
display: flex;
align-items: center;
justify-content: center;
} }
`; `;
} }