mirror of
https://github.com/GeorgeSG/sarah.git
synced 2026-05-07 17:34:42 +00:00
Style with layout cards
This commit is contained in:
@@ -1,7 +1,23 @@
|
|||||||
title: Home
|
title: Home
|
||||||
path: default_view
|
path: default_view
|
||||||
icon: "mdi:home"
|
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:
|
cards:
|
||||||
# Column 1: Active Controls
|
# Column 1: Active Controls
|
||||||
- type: vertical-stack
|
- type: vertical-stack
|
||||||
@@ -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,7 +1,22 @@
|
|||||||
title: Master Bedroom
|
title: Master Bedroom
|
||||||
path: master-bedroom
|
path: master-bedroom
|
||||||
icon: "mdi:bed-empty"
|
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:
|
cards:
|
||||||
- type: vertical-stack
|
- type: vertical-stack
|
||||||
cards:
|
cards:
|
||||||
|
|||||||
@@ -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:
|
||||||
|
|||||||
@@ -1,7 +1,22 @@
|
|||||||
title: Hallway
|
title: Hallway
|
||||||
path: hallway
|
path: hallway
|
||||||
icon: "mdi:door-closed"
|
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:
|
cards:
|
||||||
- type: entities
|
- type: entities
|
||||||
title: Lights
|
title: Lights
|
||||||
|
|||||||
@@ -1,8 +1,22 @@
|
|||||||
title: Lights
|
title: Lights
|
||||||
path: lights
|
path: lights
|
||||||
panel: false
|
|
||||||
icon: mdi:lightbulb
|
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:
|
cards:
|
||||||
- type: entities
|
- type: entities
|
||||||
title: Living room
|
title: Living room
|
||||||
|
|||||||
@@ -1,7 +1,22 @@
|
|||||||
title: Network
|
title: Network
|
||||||
path: network
|
path: network
|
||||||
icon: "mdi:server-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:
|
cards:
|
||||||
- type: vertical-stack
|
- type: vertical-stack
|
||||||
cards:
|
cards:
|
||||||
|
|||||||
@@ -1,6 +1,22 @@
|
|||||||
title: System
|
title: System
|
||||||
path: system
|
path: system
|
||||||
icon: "mdi:hammer-wrench"
|
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:
|
cards:
|
||||||
- type: entities
|
- type: entities
|
||||||
title: Automations
|
title: Automations
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user