Aide Button card

Entraide Home Assistant
1

Bonjour à tous

J’ai créé une button card mais j’ai un problème de taille de carte que je n’arrive pas résoudre.

Voici mon code

type: custom:button-card
aspect_ratio: 1/1
custom_fields:
  notifcation:
    card:
      type: sensor
      entity: sensor.prise_sejour_power
      name: Consommation
      style: |
        ha-card {
          box-shadow: none;
        }
styles:
  custom_fields:
    graph:
      - filter: opacity(50%)
      - overflow: unset
  card:
    - overflow: unset
  grid:
    - grid-template-areas: '"i" "n" "notifcation"'
    - grid-template-columns: 1fr
    - grid-template-rows: 1fr min-content min-content
entity: switch.prise_sejour
name: Prise séjour
icon: mdi:lightbulb
hold_action:
  action: more-info
  size: 20px
  icon: |
    [[[
      if (entity.state == 'on') return 'mdi:light-recessed';  
      else return 'mdi:lightbulb';
    ]]]
  styles:
    card:
      - font-size: 20px
      - state_color: false
    icon:
      - color: |
          [[[
            if (entity.state == 'on') return 'rgba(0, 204, 0, 1.5)';  
            else return 'rgb(245, 0, 1)';
          ]]]
tap_action:
  action: call-service
  service: switch.toggle
  service_data:
    entity_id: switch.prise_sejour

voici l’image

image

Je n’arrive pas à dimensionner ma taille de carte complète pour l’avoir plus petite.

2

Hello

deux cartes si cela peut aidé

Capture d'écran_20230109_161528

square: false
columns: 2
type: grid
cards:
  - type: horizontal-stack
    cards:
      - type: custom:button-card
        entity: switch.prise_seche_linge_outlet
  - type: custom:button-card
    entity: switch.prise_seche_linge_outlet
  - type: horizontal-stack
    cards:
      - type: entity
        entity: sensor.prise_seche_linge_power
  - type: entity
    entity: sensor.prise_seche_linge_power

seconde carte

Capture d'écran_20230109_161700

square: false
columns: 3
type: grid
cards:
  - type: horizontal-stack
    cards:
      - type: custom:button-card
        entity: switch.prise_seche_linge_outlet
  - type: custom:button-card
    entity: switch.prise_seche_linge_outlet
  - type: custom:button-card
    entity: switch.prise_seche_linge_outlet
  - type: horizontal-stack
    cards:
      - type: entity
        entity: sensor.prise_seche_linge_power
        name: '1'
  - type: entity
    entity: sensor.prise_seche_linge_power
    name: '2'
  - type: entity
    entity: sensor.prise_seche_linge_power
    name: '3'
3

Bonsoir,
on peu pas redimensionner en soit la taille de la carte. Comme le montre @ClassicRed , il faut en mettre plusieurs sur la même ligne. Plus tu en mettra et plus ta carte sera petite.

4

Tu m’a enlevé un doute , merci d’avoir confirmé ce que je pensé

5

ok merci je vais essayer avec tes exemples

6

essaye avec ca:
icon_height: 15px
Ca devrait marcher normalement. La carte restera grande dans sa place mais l’icone sera largement reduite…(et donc la carte aussi en hauteur