jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-03 14:37:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

icons

Browse Source
This commit is contained in:
Ludeeus 2021-06-02 15:42:31 +00:00
parent dd01710784
commit 830136b874
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
hassio/src/dashboard/hassio-update.ts
View File

@ -1,5 +1,5 @@
import "@material/mwc-button"; import "@material/mwc-button";
import { mdiHomeAssistant } from "@mdi/js"; import { mdiHomeAssistant, mdiPuzzle } from "@mdi/js";
import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit"; import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
import { customElement, property } from "lit/decorators"; import { customElement, property } from "lit/decorators";
import memoizeOne from "memoize-one"; import memoizeOne from "memoize-one";
@ -82,6 +82,10 @@ export class HassioUpdate extends LitElement {
type: "addon", type: "addon",
heading: addon.name, heading: addon.name,
version: addon.version_latest, version: addon.version_latest,
image: addon.icon
? `/api/hassio/addons/${addon.slug}/icon`
: undefined,
icon: mdiPuzzle,
}) })
)} )}
</ha-card> </ha-card>
@ -130,7 +134,11 @@ export class HassioUpdate extends LitElement {
return html`<div class="update-row"> return html`<div class="update-row">
<paper-icon-item> <paper-icon-item>
<div class="icon" slot="item-icon"> <div class="icon" slot="item-icon">
<ha-svg-icon .path=${options.icon}></ha-svg-icon> ${options.image
? html`<img src="${options.image}" />`
: options.icon
? html`<ha-svg-icon .path=${options.icon}></ha-svg-icon>`
: ""}
</div> </div>
<paper-item-body two-line> <paper-item-body two-line>
${options.heading} ${options.heading}
@ -285,8 +293,11 @@ export class HassioUpdate extends LitElement {
padding: 8px; padding: 8px;
justify-content: space-between; justify-content: space-between;
} }
.icon { .icon > * {
margin-right: 8px; max-height: 32px;
max-width: 32px;
margin-right: 16px;
--mdc-icon-size: 32px;
} }
`, `,
]; ];