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,122 +1,139 @@
|
||||
title: Home
|
||||
path: default_view
|
||||
icon: "mdi:home"
|
||||
badges: []
|
||||
panel: true
|
||||
cards:
|
||||
# Column 1: Active Controls
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
title: Lights
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.ceiling_lights
|
||||
name: Ceiling
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.living_room_main_lights
|
||||
name: Living room
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.master_bedroom_main_lights
|
||||
name: "M. Bedroom"
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.tuya_hallway_main_lights
|
||||
name: Hallway
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.tuya_kitchen_all_lights
|
||||
name: Kitchen
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.pc
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.bedside_light
|
||||
name: Bedside
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.tuya_hallway_entrance_lights
|
||||
name: Entrance
|
||||
- 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
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
title: Lights
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.ceiling_lights
|
||||
name: Ceiling
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.living_room_main_lights
|
||||
name: Living room
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.master_bedroom_main_lights
|
||||
name: "M. Bedroom"
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.tuya_hallway_main_lights
|
||||
name: Hallway
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.tuya_kitchen_all_lights
|
||||
name: Kitchen
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.pc
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.bedside_light
|
||||
name: Bedside
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: light.tuya_hallway_entrance_lights
|
||||
name: Entrance
|
||||
|
||||
- type: entities
|
||||
title: Devices
|
||||
show_header_toggle: false
|
||||
entities:
|
||||
- switch.camera
|
||||
- media_player.living_room_tv
|
||||
- media_player.nvidia_shield
|
||||
- media_player.shield
|
||||
- fan.philips_airpurifier
|
||||
- type: entities
|
||||
title: Devices
|
||||
show_header_toggle: false
|
||||
entities:
|
||||
- switch.camera
|
||||
- media_player.living_room_tv
|
||||
- media_player.nvidia_shield
|
||||
- media_player.shield
|
||||
- fan.philips_airpurifier
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: sonos_media_player
|
||||
variables:
|
||||
- player: media_player.master_bedroom
|
||||
- type: custom:decluttering-card
|
||||
template: sonos_media_player
|
||||
variables:
|
||||
- player: media_player.master_bedroom
|
||||
|
||||
- type: entities
|
||||
show_header_toggle: false
|
||||
entities:
|
||||
- binary_sensor.sonos_recoverable
|
||||
- type: entities
|
||||
show_header_toggle: false
|
||||
entities:
|
||||
- binary_sensor.sonos_recoverable
|
||||
|
||||
# Column 2: Sensors
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
title: Sensors
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: binary_sensor.front_door_on_off_wrapper
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: binary_sensor.living_room_right_window_on_off_wrapper
|
||||
name: Living room
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: binary_sensor.bedroom_right_window_on_off_wrapper
|
||||
name: M. Bedroom
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: device_tracker.carbon
|
||||
- break
|
||||
# Column 2: Sensors
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
title: Sensors
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: binary_sensor.front_door_on_off_wrapper
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: binary_sensor.living_room_right_window_on_off_wrapper
|
||||
name: Living room
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: binary_sensor.bedroom_right_window_on_off_wrapper
|
||||
name: M. Bedroom
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: device_tracker.carbon
|
||||
|
||||
- type: entities
|
||||
title: Manual controls
|
||||
show_header_toggle: false
|
||||
entities:
|
||||
- input_boolean.speech_notifications
|
||||
- input_boolean.guest_mode
|
||||
- input_boolean.domestina
|
||||
- input_boolean.sleep_mode
|
||||
- input_boolean.georgi_home
|
||||
- type: entities
|
||||
title: Manual controls
|
||||
show_header_toggle: false
|
||||
entities:
|
||||
- input_boolean.speech_notifications
|
||||
- input_boolean.guest_mode
|
||||
- input_boolean.domestina
|
||||
- input_boolean.sleep_mode
|
||||
- input_boolean.georgi_home
|
||||
|
||||
- type: "custom:travel-time-card"
|
||||
title: Travel time
|
||||
columns:
|
||||
- name
|
||||
- duration
|
||||
- distance
|
||||
entities:
|
||||
- sensor.home_to_work
|
||||
- sensor.work_to_home
|
||||
|
||||
# Column 3: Misc
|
||||
- type: vertical-stack
|
||||
title: Alarm
|
||||
cards:
|
||||
- type: entities
|
||||
entities:
|
||||
- entity: input_boolean.alarm_enabled
|
||||
name: Alarm
|
||||
- input_datetime.alarm_time
|
||||
- type: "custom:weather-card"
|
||||
current: true
|
||||
details: true
|
||||
entity: weather.dark_sky
|
||||
forecast: true
|
||||
- type: "custom:travel-time-card"
|
||||
title: Travel time
|
||||
columns:
|
||||
- name
|
||||
- duration
|
||||
- distance
|
||||
entities:
|
||||
- sensor.home_to_work
|
||||
- sensor.work_to_home
|
||||
- break
|
||||
# Column 3: Misc
|
||||
- type: vertical-stack
|
||||
title: Alarm
|
||||
cards:
|
||||
- type: entities
|
||||
entities:
|
||||
- entity: input_boolean.alarm_enabled
|
||||
name: Alarm
|
||||
- input_datetime.alarm_time
|
||||
- type: "custom:weather-card"
|
||||
current: true
|
||||
details: true
|
||||
entity: weather.dark_sky
|
||||
forecast: true
|
||||
|
||||
Reference in New Issue
Block a user