Use ha-logo-svg on info page (#10807)

This commit is contained in:
Joakim Sørensen 2021-12-06 12:51:21 +01:00 committed by GitHub
parent 8f5751d5bb
commit c3e1a2edf0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,6 +1,7 @@
import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit"; import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
import { property } from "lit/decorators"; import { property } from "lit/decorators";
import "../../../layouts/hass-tabs-subpage"; import "../../../layouts/hass-tabs-subpage";
import "../../../components/ha-logo-svg";
import { haStyle } from "../../../resources/styles"; import { haStyle } from "../../../resources/styles";
import { HomeAssistant, Route } from "../../../types"; import { HomeAssistant, Route } from "../../../types";
import { documentationUrl } from "../../../util/documentation-url"; import { documentationUrl } from "../../../util/documentation-url";
@ -40,13 +41,14 @@ class HaConfigInfo extends LitElement {
href=${documentationUrl(this.hass, "")} href=${documentationUrl(this.hass, "")}
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
><img >
src="/static/icons/favicon-192x192.png" <ha-logo-svg
height="192" title=${this.hass.localize(
alt=${this.hass.localize(
"ui.panel.config.info.home_assistant_logo" "ui.panel.config.info.home_assistant_logo"
)} )}
/></a> >
</ha-logo-svg>
</a>
<br /> <br />
<h2>Home Assistant ${hass.connection.haVersion}</h2> <h2>Home Assistant ${hass.connection.haVersion}</h2>
<p> <p>
@ -193,6 +195,11 @@ class HaConfigInfo extends LitElement {
margin: 0 auto; margin: 0 auto;
padding-bottom: 16px; padding-bottom: 16px;
} }
ha-logo-svg {
padding: 12px;
height: 180px;
width: 180px;
}
`, `,
]; ];
} }