Apparemment, je n’ai jamais publié ma carte pour l’aspirateur (je ne l’utilise quasiment jamais, car la commande vocale est plus rapide) :
Code du premier bouton
color: auto
color_type: icon
confirmation:
text: Nettoyage de la Maison
entity: input_select.vacuum_aspiro_in_progress
icon: 'mdi:home'
name: Maison
show_icon: true
show_label: false
show_last_changed: false
show_name: true
show_state: false
state:
- styles:
icon:
- animation: blink 0.9s ease infinite
name:
- animation: blink 0.9s ease infinite
value: Maison
styles:
card:
- border-radius: 10px
- border: '2px solid #257236'
- height: 75px
- width: 75px
- margin: 5px 5px 0px 11px
- padding: 0px 0px
- background-color: '#319847'
grid:
- position: relative
icon:
- position: absolute
- left: 2px
- top: '-15px'
- color: var(--light-text-color)
name:
- position: absolute
- left: 5px
- bottom: 10px
- font-variant: small-caps
- font-size: 14px
- color: var(--light-text-color)
tap_action:
action: call-service
service: script.aspiro_maison
type: 'custom:button-card'
pour le rendu sur mon téléphone j’ai du mettre un margin de 11px sur la gauche pour le premier bouton :
card:
- margin: 5px 5px 0px 11px
Les trois boutons suivant sur la ligne n’en ont pas :
card:
- margin: 5px 5px 0px 0px