Style with layout cards

This commit is contained in:
2020-04-20 14:58:41 +03:00
parent c4e62488ee
commit a9f25053f5
9 changed files with 1136 additions and 1009 deletions
+19 -2
View File
@@ -1,7 +1,23 @@
title: Home
path: default_view
icon: "mdi:home"
badges: []
panel: true
cards:
- type: custom:mod-card
style:
layout-card:
$:
.: |
#columns {
margin: 0 10px;
}
#columns .column {
margin: 20px 10px;
}
card:
type: custom:layout-card
layout: horizontal
max_columns: 3
cards:
# Column 1: Active Controls
- type: vertical-stack
@@ -65,6 +81,7 @@ cards:
entities:
- binary_sensor.sonos_recoverable
- break
# Column 2: Sensors
- type: vertical-stack
cards:
@@ -105,7 +122,7 @@ cards:
entities:
- sensor.home_to_work
- sensor.work_to_home
- break
# Column 3: Misc
- type: vertical-stack
title: Alarm
@@ -1,10 +1,21 @@
title: Living Room
path: living-room
icon: "mdi:sofa"
badges: []
panel: true
cards:
- type: custom:layout-card
- type: custom:mod-card
style:
layout-card:
$:
.: |
#columns {
margin: 0 10px;
}
#columns .column {
margin: 20px 10px;
}
card:
type: custom:layout-card
layout: horizontal
cards:
- type: vertical-stack
@@ -1,7 +1,22 @@
title: Master Bedroom
path: master-bedroom
icon: "mdi:bed-empty"
badges: []
panel: true
cards:
- type: custom:mod-card
style:
layout-card:
$:
.: |
#columns {
margin: 0 10px;
}
#columns .column {
margin: 20px 10px;
}
card:
type: custom:layout-card
layout: horizontal
cards:
- type: vertical-stack
cards:
+13 -1
View File
@@ -4,7 +4,19 @@ icon: "mdi:chef-hat"
badges: []
panel: true
cards:
- type: custom:layout-card
- type: custom:mod-card
style:
layout-card:
$:
.: |
#columns {
margin: 0 10px;
}
#columns .column {
margin: 20px 10px;
}
card:
type: custom:layout-card
layout: horizontal
max_columns: 3
cards:
+16 -1
View File
@@ -1,7 +1,22 @@
title: Hallway
path: hallway
icon: "mdi:door-closed"
badges: []
panel: true
cards:
- type: custom:mod-card
style:
layout-card:
$:
.: |
#columns {
margin: 0 10px;
}
#columns .column {
margin: 20px 10px;
}
card:
type: custom:layout-card
layout: horizontal
cards:
- type: entities
title: Lights
+16 -2
View File
@@ -1,8 +1,22 @@
title: Lights
path: lights
panel: false
icon: mdi:lightbulb
badges: []
panel: true
cards:
- type: custom:mod-card
style:
layout-card:
$:
.: |
#columns {
margin: 0 10px;
}
#columns .column {
margin: 20px 10px;
}
card:
type: custom:layout-card
layout: horizontal
cards:
- type: entities
title: Living room
+16 -1
View File
@@ -1,7 +1,22 @@
title: Network
path: network
icon: "mdi:server-network"
badges: []
panel: true
cards:
- type: custom:mod-card
style:
layout-card:
$:
.: |
#columns {
margin: 0 10px;
}
#columns .column {
margin: 20px 10px;
}
card:
type: custom:layout-card
layout: horizontal
cards:
- type: vertical-stack
cards:
@@ -1,6 +1,22 @@
title: System
path: system
icon: "mdi:hammer-wrench"
panel: true
cards:
- type: custom:mod-card
style:
layout-card:
$:
.: |
#columns {
margin: 0 10px;
}
#columns .column {
margin: 20px 10px;
}
card:
type: custom:layout-card
layout: horizontal
cards:
- type: entities
title: Automations
@@ -2,9 +2,21 @@ title: COVID-19
path: covid-19
panel: true
icon: "mdi:biohazard"
badges: []
cards:
- type: custom:layout-card
- type: custom:mod-card
style:
layout-card:
$:
.: |
#columns {
margin: 0 10px;
}
#columns .column {
margin: 20px 10px;
}
card:
type: custom:layout-card
layout: horizontal
max_columns: 3
cards:
- type: custom:decluttering-card