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,8 +1,24 @@
title: Home title: Home
path: default_view path: default_view
icon: "mdi:home" icon: "mdi:home"
badges: [] panel: true
cards: 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 # Column 1: Active Controls
- type: vertical-stack - type: vertical-stack
cards: cards:
@@ -65,6 +81,7 @@ cards:
entities: entities:
- binary_sensor.sonos_recoverable - binary_sensor.sonos_recoverable
- break
# Column 2: Sensors # Column 2: Sensors
- type: vertical-stack - type: vertical-stack
cards: cards:
@@ -105,7 +122,7 @@ cards:
entities: entities:
- sensor.home_to_work - sensor.home_to_work
- sensor.work_to_home - sensor.work_to_home
- break
# Column 3: Misc # Column 3: Misc
- type: vertical-stack - type: vertical-stack
title: Alarm title: Alarm
@@ -1,10 +1,21 @@
title: Living Room title: Living Room
path: living-room path: living-room
icon: "mdi:sofa" icon: "mdi:sofa"
badges: []
panel: true panel: true
cards: 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 layout: horizontal
cards: cards:
- type: vertical-stack - type: vertical-stack
@@ -1,8 +1,23 @@
title: Master Bedroom title: Master Bedroom
path: master-bedroom path: master-bedroom
icon: "mdi:bed-empty" icon: "mdi:bed-empty"
badges: [] panel: true
cards: 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 - type: vertical-stack
cards: cards:
- type: entities - type: entities
+13 -1
View File
@@ -4,7 +4,19 @@ icon: "mdi:chef-hat"
badges: [] badges: []
panel: true panel: true
cards: 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 layout: horizontal
max_columns: 3 max_columns: 3
cards: cards:
+16 -1
View File
@@ -1,8 +1,23 @@
title: Hallway title: Hallway
path: hallway path: hallway
icon: "mdi:door-closed" icon: "mdi:door-closed"
badges: [] panel: true
cards: 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 - type: entities
title: Lights title: Lights
show_header_toggle: false show_header_toggle: false
+16 -2
View File
@@ -1,9 +1,23 @@
title: Lights title: Lights
path: lights path: lights
panel: false
icon: mdi:lightbulb icon: mdi:lightbulb
badges: [] panel: true
cards: 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 - type: entities
title: Living room title: Living room
icon: mdi:sofa icon: mdi:sofa
+16 -1
View File
@@ -1,8 +1,23 @@
title: Network title: Network
path: network path: network
icon: "mdi:server-network" icon: "mdi:server-network"
badges: [] panel: true
cards: 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 - type: vertical-stack
cards: cards:
- type: entities - type: entities
@@ -1,7 +1,23 @@
title: System title: System
path: system path: system
icon: "mdi:hammer-wrench" icon: "mdi:hammer-wrench"
panel: true
cards: 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 - type: entities
title: Automations title: Automations
show_header_toggle: false show_header_toggle: false
@@ -2,9 +2,21 @@ title: COVID-19
path: covid-19 path: covid-19
panel: true panel: true
icon: "mdi:biohazard" icon: "mdi:biohazard"
badges: []
cards: 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 max_columns: 3
cards: cards:
- type: custom:decluttering-card - type: custom:decluttering-card