Skip to content

Layout dashboard ​

A dashboard built with the layout card. Look at the two light sections: they hold the same card, once in a section of column_span: 2 and once in one of column_span: 1. The wide one shows four columns, the narrow one two, as the card's breakpoints say: columns: 2, and 2: { columns: 4 } once the section spans two view columns. Make the window narrower: the dashboard gets fewer view columns, the wide section spans one, and its lights fall back to two columns as well.

The rooms are seamless room cards in masonry, two columns wide in the wide section and one on a phone; the outside section is one seamless card of a forecast and two readings; the energy section spans three view columns and puts the power flow next to its tiles, four columns of them in two view columns and six in three.

Released under the MIT License.