search

kalkih / mini-media-player

Minimalistic media card for Home Assistant Lovelace UI
MIT License
1.51k stars 206 forks source link

Respect square for grid or add dimmed background for full-cover #601

Open oscarb opened 2 years ago

oscarb commented 2 years ago

Hi!

Thanks for a great plugin. I'm trying to achieve a grid of squared media players so that the album artwork is shown in full. But I also want a dimmed background so I can read the info on top of the artwork.

Using the code below I was able to achieve this: image

The one on the left is nice because it is square but the contrast between text and the artwork makes the info really hard to read - would be nice if I could have artwork: full-cover and also a dimmed background.

The one on the right has a dimmed background, but it won't be resized to a square even though the parent grid has square: true. Would be nice if that was respected.

Sample code used to achieve the image above:

title: Media
square: true
columns: 2
cards:
  - type: custom:mini-media-player
    entity: media_player.spotify
    name: Spotify
    group: false
    icon: mdi:speaker
    hide:
      icon: true
      power: true
      source: true
      sound_mode: true
    volume_stateless: false
    artwork: full-cover

  - type: custom:mini-media-player
    entity: media_player.spotify
    name: Spotify
    group: false
    icon: mdi:speaker
    hide:
      icon: true
      power: true
      source: true
      sound_mode: true
    volume_stateless: false
    artwork: cover

Thanks in advance!