Mini media player card layout

Continuing the discussion from Lovelace: Mini Media Player:

For @lpt2007

Screenshot_2019-12-18 Home Assistant

entities:
  - entity: media_player.lounge_av_rx
    group: true
    icon: 'mdi:audio-video'
    min_volume: 20
    name: Lounge Amp
    style: |
      ha-card {
        border: solid 2px var(--primary-color);
      }
    type: 'custom:mini-media-player'
  - entity: media_player.lounge_av_rx_zone_2
    group: true
    icon: 'mdi:audio-video'
    min_volume: 20
    name: Dining Zone
    style: |
      ha-card {
        border: solid 2px var(--primary-color);
      }
    type: 'custom:mini-media-player'
  - card_settings:
      align: center
      background: 'rgba(0, 0, 0, 0)'
      column_width: calc(80%/4)
      columns: 4
      gap: 20px
      padding: 0px
      row_height: 75px
    entities:
      - column: 1
        entity: script.lounge_amp_dsp_up
        icon:
          value: 'mdi:surround-sound'
        label_sec:
          value: DSP
        row: 1
      - column: 2
        entity: script.lounge_amp_decode
        icon:
          value: 'mdi:dolby'
        label_sec:
          value: Decode
        row: 1
      - column: 3
        entity: script.lounge_amp_enhancer
        icon:
          value: 'mdi:tune-vertical'
        label_sec:
          value: Enhance
        row: 1
      - column: 4
        entity: script.lounge_amp_bass
        icon:
          value: 'mdi:speaker-wireless'
        label_sec:
          value: Bass
        row: 1
    global_settings:
      background:
        value: 'rgba(0, 0, 0, 0)'
      border:
        color:
          value: var(--primary-color)
        radius: 10px
        size: 2px
      label_sec:
        color:
          value: var(--secondary-text-color)
    style: |
      ha-card {
        --ha-card-box-shadow: 'none'
      }
    type: 'custom:tiles-card'
show_header_toggle: false
style: |
  ha-card {
    border: solid 2px var(--primary-color);
  }
title: Amplifiers
type: entities
1 Like