Adjust list styling to have fixed width for large viewport widths

kommunarr · Jun 21, 2024 · 6b0d9fb · 6b0d9fb
1 parent 0845aec
commit 6b0d9fb
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 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
@@ -10,6 +10,12 @@
   grid-gap: 4px;
 }
 
+@media (width >= 1514px) {
+  .autoList {
+    justify-content: center;
+  }
+}
+
 /* Cap grid column width at 5 for larger viewports */
 @media (width >= 1605px) {
   .autoGrid {

diff --git a/src/renderer/scss-partials/_ft-list-item.scss b/src/renderer/scss-partials/_ft-list-item.scss
@@ -311,6 +311,10 @@ $watched-transition-duration: 0.5s;
     .info .description {
       margin-inline-end: 10px;
     }
+
+    @media only screen and (width >= 1514px) {
+      inline-size: 1250px;
+    }
   }
 
   &.grid {