Improve use of available space in grid layout (#854)

livekit · Apr 30, 2024 · fd776c3 · fd776c3
1 parent 5b1ce70
commit fd776c3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/slimy-pugs-bow.md b/.changeset/slimy-pugs-bow.md
@@ -0,0 +1,5 @@
+---
+"@livekit/components-styles": patch
+---
+
+Improve use of available space in GridLayout component.
diff --git a/packages/styles/scss/components/layout/_grid-layout.scss b/packages/styles/scss/components/layout/_grid-layout.scss
@@ -3,7 +3,7 @@
   --lk-row-count: 1;
   display: grid;
   grid-template-columns: repeat(var(--lk-col-count), minmax(0, 1fr));
-  grid-template-rows: repeat(var(--lk-row-count), minmax(0, 1fr));
+  grid-auto-rows: minmax(0, 1fr);
   grid-gap: var(--grid-gap);
   width: 100%;
   height: 100%;