jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-02 14:07:55 +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 { mdiHomeAssistant } from "@mdi/js";
import { mdiHomeAssistant, mdiPuzzle } from "@mdi/js";
import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
import { customElement, property } from "lit/decorators";
import memoizeOne from "memoize-one";
@ -82,6 +82,10 @@ export class HassioUpdate extends LitElement {
type: "addon",
heading: addon.name,
version: addon.version_latest,
image: addon.icon
? `/api/hassio/addons/${addon.slug}/icon`
: undefined,
icon: mdiPuzzle,
})
)}
</ha-card>
@ -130,7 +134,11 @@ export class HassioUpdate extends LitElement {
return html`<div class="update-row">
<paper-icon-item>
<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>
<paper-item-body two-line>
${options.heading}
@ -285,8 +293,11 @@ export class HassioUpdate extends LitElement {
padding: 8px;
justify-content: space-between;
}
.icon {
margin-right: 8px;
.icon > * {
max-height: 32px;
max-width: 32px;
margin-right: 16px;
--mdc-icon-size: 32px;
}
`,
];