jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-22 16:56:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use icon in area card if there is no image (#19933)

Browse Source
This commit is contained in:
Paul Bottein 2024-03-04 15:31:07 +01:00 committed by GitHub
parent b9a7a7c422
commit b99072d986
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 34 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/panels/lovelace/cards/hui-area-card.ts
View File

@ -418,15 +418,24 @@ export class HuiAreaCard
})}
>
${area.picture || cameraEntityId
? html`<hui-image
.config=${this._config}
.hass=${this.hass}
.image=${area.picture ? area.picture : undefined}
.cameraImage=${cameraEntityId}
.cameraView=${this._config.camera_view}
.aspectRatio=${this._config.aspect_ratio || DEFAULT_ASPECT_RATIO}
></hui-image>`
: ""}
? html`
<hui-image
.config=${this._config}
.hass=${this.hass}
.image=${area.picture ? area.picture : undefined}
.cameraImage=${cameraEntityId}
.cameraView=${this._config.camera_view}
.aspectRatio=${this._config.aspect_ratio ||
DEFAULT_ASPECT_RATIO}
></hui-image>
`
: area.icon
? html`
<div class="icon-container">
<ha-icon icon=${area.icon}></ha-icon>
</div>
`
: nothing}
<div
class="container ${classMap({
@ -559,6 +568,22 @@ export class HuiAreaCard
opacity: 0.12;
}
.icon-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.icon-container ha-icon {
--mdc-icon-size: 60px;
color: var(--sidebar-selected-icon-color);
}
.sensors {
color: #e3e3e3;
font-size: 16px;