Merge pull request #2523 from hashicorp/fix-sw-grid

Showcase - Small fixes for `Shw::Grid` component
hashicorp · Oct 29, 2024 · 9130bb8 · 9130bb8
2 parents d8cc359 + d42a1f3
commit 9130bb8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/showcase/app/components/shw/grid/index.gts b/showcase/app/components/shw/grid/index.gts
@@ -18,9 +18,9 @@ import type { ShwGridItemSignature } from './item';
 
 interface ShwGridSignature {
   Args: {
-    columns: 2 | 3 | 4 | 5 | 6 | 7;
+    columns: 1 | 2 | 3 | 4 | 5 | 6 | 7;
     forceMinWidth?: boolean;
-    gap: string;
+    gap?: string;
     grow?: boolean;
     label?: string;
   };

diff --git a/showcase/app/styles/showcase-components/grid.scss b/showcase/app/styles/showcase-components/grid.scss
@@ -17,6 +17,10 @@
   flex-wrap: wrap;
   gap: var(--shw-layout-gap-base);
 
+  .shw-grid--cols-1 > & {
+    grid-template-columns: 1fr;
+  }
+
   .shw-grid--cols-2 > & {
     grid-template-columns: repeat(2, 1fr);
   }