Carte Alarmo sur NSPanel Pro 120

Entraide Home Assistant
1

Bonjour,

J’ai acquis il y a peu un NSPanel Pro 120. :+1:t2:
Je suis entrain de monter une alarme perso et je souahite finalisé le panneau de commande.
J’aime bien l’intégration Alarmo et sa carte mais je bute sur un souci. Je n’arrive pas à espacer les boutons du clavier (j’ai des gros doigts :stuck_out_tongue: ) et utiliser toute la largeur sans qu’ils se chevauchent… Voici ce que j’arrive à faire de mieux:

Capture d'écran 2024-12-22 170400
Capture d'écran 2024-12-22 170400396×694 23.9 KB

Voici le code de ma carte:

type: custom:alarmo-card
entity: alarm_control_panel.vp_alarm_2
name: Alarme
keep_keypad_visible: false
use_clear_icon: true
button_scale_actions: 1
button_scale_keypad: 1
states:
  armed_night:
    hide: true
  armed_home:
    hide: true
  armed_away:
    button_label: Activer
show_messages: true
show_ready_indicator: true
show_bypassed_sensors: true
grid_options:
  columns: full
  rows: 7
card_mod:
  style:
    alarmo-button$:
      mwc-button$: |
        #button {
          padding: 0px 30px 0px 30px;
          height: 70px;
          box-shadow: 0px 2px 4px 0px rgba(0,255,255,0.8);
          border: 4px rgba(150,150,150,0.8) outset;
          border-radius: 25px;
          font-size: 3rem;
          margin: 13px 10px 13px 10px;
        }
    ha-textfield $: |
      .mdc-text-field {
        border-radius: 25px !important;       
      }
      .mdc-text-field__ripple {
        border-radius: 25px;      
      }      
      .mdc-line-ripple {
        display: none;
      }
    .: |
      ha-card {
        margin-top: 25px;
        background: transparent;
      }
      ha-card > div.header > div.icon > alarmo-state-badge {
        --state-alarm_control_panel-armed_away-color: var(--red-color);
        --state-alarm_control_panel-armed_custom_bypass-color: var(--red-color);
        --state-alarm_control_panel-armed_home-color: var(--red-color);
        --state-alarm_control_panel-armed_night-color: var(--red-color);
        --state-alarm_control_panel-armed_vacation-color: var(--red-color);
        --state-alarm_control_panel-arming-color: var(--orange-color);
        --state-alarm_control_panel-disarming-color: var(--orange-color);
        --state-alarm_control_panel-pending-color: var(--orange-color);
        --state-alarm_control_panel-triggered-color: var(--red-color);
        --state-alarm_control_panel-disarmed-color: var(--green-color)
      }
      ha-textfield {
        box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
        border: 4px rgba(0,150,150,0.5) outset;
        border-radius: 25px;
      }

Ma configuration:

Version core-2024.12.5
Type d’installation Home Assistant OS
Développement false
Supervisor true
Docker true
Utilisateur root
Environnement virtuel false
Version de Python 3.13.0
Famille du système d’exploitation Linux
Version du système d’exploitation 6.6.62-haos-raspi
Architecture du processeur aarch64
Fuseau horaire Europe/Paris
Répertoire de configuration /config

Home Assistant Community Store

Gérer

GitHub API ok
GitHub Content ok
GitHub Web ok
HACS Data ok
GitHub API Calls Remaining 5000
Installed Version 2.0.1
Stage running
Available Repositories 1498
Downloaded Repositories 39