Lovelace: Alarm card

Share your Projects! Dashboards & Frontend
57

I have hacked the layout a little to match my old Z1 better, and to make it easier to see the state from a distance. A little more wife friendly :slight_smile:

I’d like to remove the state text in the upper left corner, but I can’t figure out how. Can you point me in the right direction?

Edit: I noticed that the state replaces the title so I set

      .state {
        font-size: 0px;

and
title: ' '

Today’s ugliest hack, but mission accomplished :slight_smile:

Before
Before1080×1872 105 KB
After
After1080×1839 84.4 KB

As a feature request, I’d like to require the code to be able to arm any state of the alarm (to avoid my kids arming it). Would that be possible in this card, or is that related to the alarm component (I use this) ?