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: style:
layout-card: layout-card:
$: $:
.: | horizontal-layout:
#columns { $:
padding: 0 10px; .: |
} #columns {
#columns .column { margin: 0 20px;
padding: 20px 10px; grid-gap: 20px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
layout: horzontal layout_type: custom:horizontal-layout
max_columns: 2 layout:
max_cols: 2
cards: cards:
- type: vertical-stack - type: vertical-stack
title: Github title: Github
@@ -7,17 +7,18 @@ cards:
style: style:
layout-card: layout-card:
$: $:
.: | horizontal-layout:
#columns { $:
padding: 0 10px; .: |
} #columns {
#columns .column { margin: 0 20px;
padding: 20px 10px; grid-gap: 20px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 2 layout:
max_cols: 2
cards: cards:
- type: entities - type: entities
title: Living room title: Living room
@@ -7,17 +7,18 @@ cards:
style: style:
layout-card: layout-card:
$: $:
.: | horizontal-layout:
#columns { $:
padding: 0 10px; .: |
} #columns {
#columns .column { margin: 0 20px;
padding: 20px 10px; grid-gap: 20px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 3 layout:
max_cols: 3
cards: cards:
- type: entities - type: entities
show_header_toggle: false show_header_toggle: false
@@ -4,7 +4,7 @@ panel: true
icon: mdi:youtube icon: mdi:youtube
cards: cards:
- type: custom:layout-card - type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
cards: cards:
- type: vertical-stack - type: vertical-stack
cards: cards:
@@ -7,17 +7,18 @@ cards:
style: style:
layout-card: layout-card:
$: $:
.: | horizontal-layout:
#columns { $:
padding: 0 10px; .: |
} #columns {
#columns .column { margin: 0 20px;
padding: 20px 10px; grid-gap: 20px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 3 layout:
max_cols: 3
cards: cards:
- type: entities - type: entities
title: Misc title: Misc
@@ -7,17 +7,18 @@ cards:
style: style:
layout-card: layout-card:
$: $:
.: | horizontal-layout:
#columns { $:
padding: 0 10px; .: |
} #columns {
#columns .column { margin: 0 20px;
padding: 20px 10px; grid-gap: 20px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 3 layout:
max_cols: 3
cards: cards:
- type: entities - type: entities
entities: entities:
@@ -1,6 +1,7 @@
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 2 layout:
max_cols: 2
cards: cards:
# Column 1 # Column 1
- type: vertical-stack - type: vertical-stack
@@ -198,4 +199,3 @@ cards:
group_by: hour group_by: hour
hours_to_show: 72 hours_to_show: 72
line_width: 2 line_width: 2
@@ -1,6 +1,7 @@
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 2 layout:
max_cols: 2
cards: cards:
# Column 1 # Column 1
- type: vertical-stack - type: vertical-stack
@@ -1,6 +1,7 @@
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 2 layout:
max_cols: 2
cards: cards:
- type: vertical-stack - type: vertical-stack
cards: cards:
@@ -2,17 +2,18 @@
style: style:
layout-card: layout-card:
$: $:
.: | horizontal-layout:
#columns { $:
padding: 0 10px; .: |
} #columns {
#columns .column { margin: 0 20px;
padding: 0 10px; grid-gap: 20px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 2 layout:
max_cols: 2
cards: cards:
- type: vertical-stack - type: vertical-stack
cards: cards:
@@ -2,17 +2,18 @@
style: style:
layout-card: layout-card:
$: $:
.: | horizontal-layout:
#columns { $:
padding: 0 10px; .: |
} #columns {
#columns .column { margin: 0 20px;
padding: 0 10px; grid-gap: 20px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 2 layout:
max_cols: 2
cards: cards:
- type: vertical-stack - type: vertical-stack
title: Bedroom title: Bedroom
@@ -2,17 +2,18 @@
style: style:
layout-card: layout-card:
$: $:
.: | horizontal-layout:
#columns { $:
padding: 0 10px; .: |
} #columns {
#columns .column { margin: 0 20px;
padding: 0 10px; grid-gap: 20px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 2 layout:
max_cols: 2
cards: cards:
- type: vertical-stack - type: vertical-stack
title: Living Room title: Living Room
@@ -2,17 +2,18 @@
style: style:
layout-card: layout-card:
$: $:
.: | horizontal-layout:
#columns { $:
padding: 0 10px; .: |
} #columns {
#columns .column { margin: 0 20px;
padding: 0 10px; grid-gap: 20px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 2 layout:
max_cols: 2
cards: cards:
- type: vertical-stack - type: vertical-stack
title: Hallway title: Hallway
@@ -2,17 +2,18 @@
style: style:
layout-card: layout-card:
$: $:
.: | horizontal-layout:
#columns { $:
padding: 0 10px; .: |
} #columns {
#columns .column { margin: 0 20px;
padding: 0 10px; grid-gap: 20px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 2 layout:
max_cols: 2
cards: cards:
- type: vertical-stack - type: vertical-stack
title: Kitchen title: Kitchen
@@ -2,17 +2,18 @@
style: style:
layout-card: layout-card:
$: $:
.: | horizontal-layout:
#columns { $:
padding: 0 10px; .: |
} #columns {
#columns .column { margin: 0 20px;
padding: 0 10px; grid-gap: 20px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 3 layout:
max_cols: 3
cards: cards:
- type: vertical-stack - type: vertical-stack
title: Living room title: Living room
@@ -2,17 +2,18 @@
style: style:
layout-card: layout-card:
$: $:
.: | horizontal-layout:
#columns { $:
padding: 0 10px; .: |
} #columns {
#columns .column { margin: 0 20px;
padding: 0 10px; grid-gap: 20px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 3 layout:
max_cols: 3
cards: cards:
# Column 1 # Column 1
- type: vertical-stack - type: vertical-stack
+3 -2
View File
@@ -450,8 +450,9 @@ vacuum.vacuum:
style: *broad_popup_style style: *broad_popup_style
card: card:
type: custom:layout-card type: custom:layout-card
layout: horizontal layout_type: custom:horizontal-layout
max_columns: 2 layout:
max_cols: 2
cards: cards:
- type: custom:vacuum-card - type: custom:vacuum-card
entity: vacuum.vacuum entity: vacuum.vacuum