fix: update icons list mobile ui

Co-authored-by: Chris Swithinbank <swithinbank@gmail.com>
withastro · Jun 27, 2023 · 7c1bba0 · 7c1bba0
1 parent 11f105c
commit 7c1bba0
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/docs/src/components/icons-list.astro b/docs/src/components/icons-list.astro
@@ -22,11 +22,13 @@ const icons = Object.keys(Icons) as (keyof typeof Icons)[];
   .icons-grid {
     display: grid;
     gap: 1rem;
-    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
   }
 
   .icons-grid .icon-preview {
     align-items: center;
+    justify-content: center;
+    text-align: center;
     border: 1px solid var(--sl-color-gray-5);
     display: flex;
     flex-direction: column;