layout-card style fixes

This commit is contained in:
2021-06-12 16:24:33 +03:00
parent 3093d02166
commit 5fe73ac834
17 changed files with 133 additions and 118 deletions
@@ -7,17 +7,18 @@ cards:
style:
layout-card:
$:
.: |
#columns {
padding: 0 10px;
}
#columns .column {
padding: 20px 10px;
}
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
layout: horzontal
max_columns: 2
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
- type: vertical-stack
title: Github
@@ -7,17 +7,18 @@ cards:
style:
layout-card:
$:
.: |
#columns {
padding: 0 10px;
}
#columns .column {
padding: 20px 10px;
}
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
layout: horizontal
max_columns: 2
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
- type: entities
title: Living room
@@ -7,17 +7,18 @@ cards:
style:
layout-card:
$:
.: |
#columns {
padding: 0 10px;
}
#columns .column {
padding: 20px 10px;
}
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
layout: horizontal
max_columns: 3
layout_type: custom:horizontal-layout
layout:
max_cols: 3
cards:
- type: entities
show_header_toggle: false
@@ -4,7 +4,7 @@ panel: true
icon: mdi:youtube
cards:
- type: custom:layout-card
layout: horizontal
layout_type: custom:horizontal-layout
cards:
- type: vertical-stack
cards:
@@ -7,17 +7,18 @@ cards:
style:
layout-card:
$:
.: |
#columns {
padding: 0 10px;
}
#columns .column {
padding: 20px 10px;
}
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
layout: horizontal
max_columns: 3
layout_type: custom:horizontal-layout
layout:
max_cols: 3
cards:
- type: entities
title: Misc
@@ -7,17 +7,18 @@ cards:
style:
layout-card:
$:
.: |
#columns {
padding: 0 10px;
}
#columns .column {
padding: 20px 10px;
}
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
layout: horizontal
max_columns: 3
layout_type: custom:horizontal-layout
layout:
max_cols: 3
cards:
- type: entities
entities:
@@ -1,6 +1,7 @@
type: custom:layout-card
layout: horizontal
max_columns: 2
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
# Column 1
- type: vertical-stack
@@ -198,4 +199,3 @@ cards:
group_by: hour
hours_to_show: 72
line_width: 2
@@ -1,6 +1,7 @@
type: custom:layout-card
layout: horizontal
max_columns: 2
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
# Column 1
- type: vertical-stack
@@ -1,6 +1,7 @@
type: custom:layout-card
layout: horizontal
max_columns: 2
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
- type: vertical-stack
cards:
@@ -2,17 +2,18 @@
style:
layout-card:
$:
.: |
#columns {
padding: 0 10px;
}
#columns .column {
padding: 0 10px;
}
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
layout: horizontal
max_columns: 2
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
- type: vertical-stack
cards:
@@ -2,17 +2,18 @@
style:
layout-card:
$:
.: |
#columns {
padding: 0 10px;
}
#columns .column {
padding: 0 10px;
}
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
layout: horizontal
max_columns: 2
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
- type: vertical-stack
title: Bedroom
@@ -2,17 +2,18 @@
style:
layout-card:
$:
.: |
#columns {
padding: 0 10px;
}
#columns .column {
padding: 0 10px;
}
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
layout: horizontal
max_columns: 2
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
- type: vertical-stack
title: Living Room
@@ -2,17 +2,18 @@
style:
layout-card:
$:
.: |
#columns {
padding: 0 10px;
}
#columns .column {
padding: 0 10px;
}
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
layout: horizontal
max_columns: 2
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
- type: vertical-stack
title: Hallway
@@ -2,17 +2,18 @@
style:
layout-card:
$:
.: |
#columns {
padding: 0 10px;
}
#columns .column {
padding: 0 10px;
}
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
layout: horizontal
max_columns: 2
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
- type: vertical-stack
title: Kitchen
@@ -2,17 +2,18 @@
style:
layout-card:
$:
.: |
#columns {
padding: 0 10px;
}
#columns .column {
padding: 0 10px;
}
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
layout: horizontal
max_columns: 3
layout_type: custom:horizontal-layout
layout:
max_cols: 3
cards:
- type: vertical-stack
title: Living room
@@ -2,17 +2,18 @@
style:
layout-card:
$:
.: |
#columns {
padding: 0 10px;
}
#columns .column {
padding: 0 10px;
}
horizontal-layout:
$:
.: |
#columns {
margin: 0 20px;
grid-gap: 20px;
}
card:
type: custom:layout-card
layout: horizontal
max_columns: 3
layout_type: custom:horizontal-layout
layout:
max_cols: 3
cards:
# Column 1
- type: vertical-stack
+3 -2
View File
@@ -450,8 +450,9 @@ vacuum.vacuum:
style: *broad_popup_style
card:
type: custom:layout-card
layout: horizontal
max_columns: 2
layout_type: custom:horizontal-layout
layout:
max_cols: 2
cards:
- type: custom:vacuum-card
entity: vacuum.vacuum