diff --git a/src/layouts/ha-init-page.ts b/src/layouts/ha-init-page.ts index bca3480dfc..6d34ae4e14 100644 --- a/src/layouts/ha-init-page.ts +++ b/src/layouts/ha-init-page.ts @@ -1,37 +1,37 @@ import "@polymer/paper-spinner/paper-spinner-lite"; import "@material/mwc-button"; -import { - LitElement, - PropertyDeclarations, - html, - CSSResult, - css, -} from "lit-element"; +import { LitElement, html, CSSResult, css, property } from "lit-element"; import { removeInitSkeleton } from "../util/init-skeleton"; class HaInitPage extends LitElement { - public error?: boolean; - - static get properties(): PropertyDeclarations { - return { - error: { - type: Boolean, - }, - }; - } + @property({ type: Boolean }) public error = false; protected render() { return html`
- ${this.error ? html` - Unable to connect to Home Assistant. +

Unable to connect to Home Assistant.

Retry + ${location.host.includes("ui.nabu.casa") + ? html` +

+ It is possible that you are seeing this screen because + your Home Assistant is not currently connected. You can + ask it to come online via + the Remote UI portal. +

+ ` + : ""} ` - : "Loading data"} + : html` + +

Loading data

+ `}
`; } @@ -54,7 +54,13 @@ class HaInitPage extends LitElement { align-items: center; } paper-spinner-lite { - margin-bottom: 10px; + margin-top: 9px; + } + a { + color: var(--primary-color); + } + p { + max-width: 350px; } `; }