Custom Grid Layout

2022-07-30 13:55:43 +02:00 · 2022-07-30 13:55:43 +02:00 · de21ffeae5
commit de21ffeae5
parent 45b08b4882
1 changed files with 11 additions and 1 deletions
--- a/ui-lovelace.yaml
+++ b/ui-lovelace.yaml
@ -8,8 +8,18 @@ background: "var(--background-image)"


 views:
-  - title: "Overview"
+  - type: "custom:grid-layout"
+    title: "Overview"
    path: 0
+    layout:
+      grid-template-columns: "1fr 1fr"
+      grid-template-rows: "min-content"
+      grid-template-areas: |
+        "main popup"
+      mediaquery:
+        "(max-width: 1100px), (orientation: portrait)":
+          grid-template-columns: "100%"
+          grid-template-areas: "main"
    cards:

      - type: "vertical-stack"