Fix dashboard loading issues

This commit is contained in:
Georgi Gardev
2022-12-18 14:02:00 +02:00
parent 4f83cd5ff9
commit 1ce0a8d0ce
9 changed files with 134 additions and 227 deletions
@@ -0,0 +1,14 @@
coloured-vertical-stack:
default:
- color: "black"
card:
type: custom:mod-card
card_mod:
style: |
ha-card {
--primary-color: [[color]];
margin: 20px var(--main-layout-card-margin) 0;
}
card:
type: vertical-stack
cards: "[[cards]]"
@@ -1,28 +1,13 @@
- type: custom:mod-card
style:
layout-card:
.: |
* {
--primary-color: #2982c4;
margin: 0 var(--main-layout-card-margin);
}
$:
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
- type: custom:layout-card
layout_type: custom:horizontal-layout
layout:
max_cols: 1
cards:
- type: vertical-stack
cards:
- type: custom:decluttering-card
template: coloured-vertical-stack
variables:
- color: "#2982c4"
- cards:
- type: custom:decluttering-card
template: v3_title
variables:
+11 -23
View File
@@ -1,28 +1,13 @@
- type: custom:mod-card
style:
layout-card:
.: |
* {
--primary-color: #9489d1;
margin: 0 var(--main-layout-card-margin);
}
$:
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
- type: custom:layout-card
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
- type: vertical-stack
cards:
- type: custom:decluttering-card
template: coloured-vertical-stack
variables:
- color: "#9489d1"
- cards:
- type: custom:decluttering-card
template: v3_title
variables:
@@ -122,8 +107,11 @@
entity: light.bedside
name: Bedside
- type: vertical-stack
cards:
- type: custom:decluttering-card
template: coloured-vertical-stack
variables:
- color: "#9489d1"
- cards:
- type: custom:decluttering-card
template: v3_section_title
variables:
@@ -1,28 +1,13 @@
- type: custom:mod-card
style:
layout-card:
.: |
* {
--primary-color: #0040A0;
margin: 0 var(--main-layout-card-margin);
}
$:
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
- type: custom:layout-card
layout_type: custom:horizontal-layout
layout:
max_cols: 1
cards:
- type: vertical-stack
cards:
- type: custom:decluttering-card
template: coloured-vertical-stack
variables:
- color: "#0040A0"
- cards:
- type: custom:decluttering-card
template: v3_title
variables:
+6 -21
View File
@@ -1,28 +1,13 @@
- type: custom:mod-card
style:
layout-card:
.: |
* {
--primary-color: #b1633e;
margin: 0 var(--main-layout-card-margin);
}
$:
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
- type: custom:layout-card
layout_type: custom:horizontal-layout
layout:
max_cols: 1
cards:
- type: vertical-stack
cards:
- type: custom:decluttering-card
template: coloured-vertical-stack
variables:
- color: "#b1633e"
- cards:
- type: custom:decluttering-card
template: v3_title
variables:
+11 -23
View File
@@ -1,28 +1,13 @@
- type: custom:mod-card
style:
layout-card:
.: |
* {
--primary-color: #bacd8c;
margin: 0 var(--main-layout-card-margin);
}
$:
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
- type: custom:layout-card
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
- type: vertical-stack
cards:
- type: custom:decluttering-card
template: coloured-vertical-stack
variables:
- color: "#bacd8c"
- cards:
- type: custom:decluttering-card
template: v3_title
variables:
@@ -70,8 +55,11 @@
entity: light.kitchen_secondary
name: Secondary
- type: vertical-stack
cards:
- type: custom:decluttering-card
template: coloured-vertical-stack
variables:
- color: "#bacd8c"
- cards:
- type: custom:decluttering-card
template: v3_section_title
variables:
@@ -1,28 +1,13 @@
- type: custom:mod-card
style:
layout-card:
.: |
* {
--primary-color: #6b8988;
margin: 0 var(--main-layout-card-margin);
}
$:
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
- type: custom:layout-card
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
- type: vertical-stack
cards:
- type: custom:decluttering-card
template: coloured-vertical-stack
variables:
- color: "#6b8988"
- cards:
- type: custom:decluttering-card
template: v3_title
variables:
@@ -128,8 +113,11 @@
tap_action:
action: more-info
- type: vertical-stack
cards:
- type: custom:decluttering-card
template: coloured-vertical-stack
variables:
- color: "#6b8988"
- cards:
- type: custom:decluttering-card
template: v3_section_title
variables:
@@ -193,8 +181,6 @@
variables:
power_sensor: sensor.desk_outlet_power
- type: vertical-stack
cards:
- type: custom:decluttering-card
template: v3_section_title
variables:
@@ -1,28 +1,13 @@
- type: custom:mod-card
style:
layout-card:
.: |
* {
--primary-color: #6A737A;
margin: 0 var(--main-layout-card-margin);
}
$:
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
- type: custom:layout-card
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
- type: vertical-stack
cards:
- type: custom:decluttering-card
template: coloured-vertical-stack
variables:
- color: "#6A737A"
- cards:
- type: custom:decluttering-card
template: v3_title
variables:
@@ -118,8 +103,11 @@
- input_number.isparkle_brightness_2
- input_number.isparkle_fade_2
- type: vertical-stack
cards:
- type: custom:decluttering-card
template: coloured-vertical-stack
variables:
- color: "#6A737A"
- cards:
- type: custom:decluttering-card
template: v3_section_title
variables:
@@ -1,28 +1,13 @@
- type: custom:mod-card
style:
layout-card:
.: |
* {
--primary-color: #0040A0;
margin: 0 var(--main-layout-card-margin);
}
$:
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
- type: custom:layout-card
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
- type: vertical-stack
cards:
- type: custom:decluttering-card
template: coloured-vertical-stack
variables:
- color: "#0040A0"
- cards:
- type: custom:decluttering-card
template: v3_title
variables:
@@ -51,8 +36,11 @@
- left_entity: sensor.terrarium_weather_temperature
- left_name: Temperature
- right_entity: sensor.terrarium_weather_pressure
- type: vertical-stack
cards:
- type: custom:decluttering-card
template: coloured-vertical-stack
variables:
- color: "#0040A0"
- cards:
- type: custom:decluttering-card
template: v3_section_title
variables: