Person-Card Bildgröße

Dashboard/Cards/Frontend
1

Hallo zusammen,

ich bin gerade dabei mein Dashboard neu aufzubauen und will die Personen-Karte in veränderter Form nutzen. Folgende Probleme habe ich noch:

  1. Bilder sind im Dashboard zu klein, sollen größer werden (Originalbilder sind groß genug)
  2. Abstand zwischen beiden Karten zu groß und sollen direkt nebeneinander sein.

Momentan sieht das ganze so aus:

image

Folgender Code liegt dahinter:

type: horizontal-stack
cards:
  - type: custom:mushroom-person-card
    entity: person.xxx
    icon_type: entity-picture
    secondary_info: none
    primary_info: none
    card_mod:
      style: |
        ha-card {
          background: none;
          border-style: none;
          width: 50px;
        }
  - type: custom:mushroom-person-card
    entity: person.yyy
    icon_type: entity-picture
    secondary_info: none
    primary_info: none
    card_mod:
      style: |
        ha-card {
          background: none;
          border-style: none;
          width: 50px;
          }

Ich könnte mir auch vorstellen eine Bild-Entitätskarte zu nehmen, weiß jedoch nicht, wie ich das Bild durch Cardstyle rund bekomme und die Bordern nach Zustand einfärben kann…

Danke schon mal!

LG
fl0wing

2

Hast du schon mal ein Abschnitte Dashboard versucht. Dann brauchst du kein horizontal-stack und dadurch auch keine width mehr.
Die einzelne Karte könnte dann so aussehen

type: custom:mushroom-person-card
entity: person.xy
icon_type: entity-picture
primary_info: none
secondary_info: none
card_mod:
  style: |
    ha-card {
      background: none;
      border-style: none;
    }