jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-04-25 13:57:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve logo rendering for playing media in browser (#11741)

Browse Source
This commit is contained in:
Paulus Schoutsen 2022-02-20 08:53:03 -08:00 committed by GitHub
parent cf8e2a6d02
commit dc2038916b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/panels/media-browser/browser-media-player.ts
View File

@ -15,7 +15,7 @@ export class BrowserMediaPlayer {
constructor(
public hass: HomeAssistant,
private item: MediaPlayerItem,
public item: MediaPlayerItem,
private onChange: () => void
) {}

12
src/panels/media-browser/ha-bar-media-player.ts
View File

@ -19,6 +19,7 @@ import {
TemplateResult,
} from "lit";
import { customElement, property, query, state } from "lit/decorators";
import { classMap } from "lit/directives/class-map";
import { fireEvent } from "../../common/dom/fire_event";
import { computeDomain } from "../../common/entity/compute_domain";
import { computeStateDomain } from "../../common/entity/compute_state_domain";
@ -164,7 +165,11 @@ class BarMediaPlayer extends LitElement {
return html`
<div
class="info ${!isBrowser ? "pointer" : ""}"
class=${classMap({
info: true,
pointer: !isBrowser,
app: this._browserPlayer?.item.media_class === "app",
})}
@click=${this._openMoreInfo}
>
${mediaArt ? html`<img src=${this.hass.hassUrl(mediaArt)} />` : ""}
@ -498,6 +503,11 @@ class BarMediaPlayer extends LitElement {
max-height: 100px;
}
.app img {
max-height: 68px;
margin: 16px 0 16px 16px;
}
ha-button-menu mwc-button {
line-height: 1;
}