jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 01:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add icons to info panel (#5501)

Browse Source 
* Add icons to info panel

* Update src/panels/developer-tools/info/integrations-card.ts

Co-authored-by: Bram Kragten <mail@bramkragten.nl>
This commit is contained in:
Paulus Schoutsen 2020-04-10 04:13:58 -07:00 committed by GitHub
parent bd98ce8c25
commit b632ea6f86
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/panels/developer-tools/info/integrations-card.ts
View File

@ -30,6 +30,16 @@ class IntegrationsCard extends LitElement {
${this._sortedIntegrations(this.hass!.config.components).map( ${this._sortedIntegrations(this.hass!.config.components).map(
(domain) => html` (domain) => html`
<tr> <tr>
<td>
<img
loading="lazy"
src="https://brands.home-assistant.io/_/${domain}/icon.png"
srcset="
https://brands.home-assistant.io/_/${domain}/icon@2x.png 2x
"
referrerpolicy="no-referrer"
/>
</td>
<td>${domain}</td> <td>${domain}</td>
<td> <td>
<a <a
@ -67,6 +77,11 @@ class IntegrationsCard extends LitElement {
td:first-child { td:first-child {
padding-left: 0; padding-left: 0;
} }
img {
display: block;
max-height: 24px;
max-width: 24px;
}
a { a {
color: var(--primary-color); color: var(--primary-color);
} }