From 6ff49d3b24e21be8cc1dcb7cd659c4705de4346c Mon Sep 17 00:00:00 2001 From: Jason Henriquez Date: Wed, 19 Jun 2024 22:30:33 -0500 Subject: [PATCH 01/18] Constrain video grids to 5 max columns at larger viewports --- src/renderer/components/ft-auto-grid/ft-auto-grid.css | 11 +++++++++-- src/renderer/components/ft-auto-grid/ft-auto-grid.vue | 4 ++-- 2 files changed, 11 insertions(+), 4 deletions(-) diff --git a/src/renderer/components/ft-auto-grid/ft-auto-grid.css b/src/renderer/components/ft-auto-grid/ft-auto-grid.css index ed10d515183ea..24106e6744206 100644 --- a/src/renderer/components/ft-auto-grid/ft-auto-grid.css +++ b/src/renderer/components/ft-auto-grid/ft-auto-grid.css @@ -1,11 +1,18 @@ -.grid { +.autoGrid { display: grid; grid-gap: 8px; grid-template-columns: repeat(auto-fill, minmax(262px, 1fr)); justify-content: space-evenly; } -.list { +.autoList { display: grid; grid-gap: 4px; } + +/* Cap grid column width at 5 for larger viewports */ +@media (width >= 1280px) { + .autoGrid { + grid-template-columns: repeat(5, minmax(262px, 1fr)); + } +} diff --git a/src/renderer/components/ft-auto-grid/ft-auto-grid.vue b/src/renderer/components/ft-auto-grid/ft-auto-grid.vue index f39ab3d680a58..2f32fbf2dd08e 100644 --- a/src/renderer/components/ft-auto-grid/ft-auto-grid.vue +++ b/src/renderer/components/ft-auto-grid/ft-auto-grid.vue @@ -1,8 +1,8 @@