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
|
||||
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:
|
||||
|
||||
@@ -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:
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user