Merge pull request #27 from david-ponc/style/grid-auto-fill

style: use grid auto fill to display icons
pheralb · Aug 10, 2023 · 373e348 · 373e348
2 parents f3ed82b + 9b455a5
commit 373e348
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/website/src/components/grid/index.tsx b/website/src/components/grid/index.tsx
@@ -6,9 +6,7 @@ interface GridProps {
 
 const Grid = (props: GridProps) => {
   return (
-    <div className="mx-auto mt-3 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-6">
-      {props.children}
-    </div>
+    <div className="grid-cols-fill mx-auto grid gap-4">{props.children}</div>
   )
 }
 

diff --git a/website/tailwind.config.ts b/website/tailwind.config.ts
@@ -8,6 +8,9 @@ export default {
         sans: ["General-Sans", "sans-serif"],
         mono: ["Hack", "monospace"],
       },
+      gridTemplateColumns: {
+        fill: "repeat(auto-fill, minmax(13rem, 1fr))",
+      },
     },
   },
   plugins: [require("tailwindcss-animate")],