Gallery update (reflex-dev#616)

* Gallery update * Update gallery * Fix mobile view gallery --------- Co-authored-by: Alek Petuskey <alekpetuskey@aleks-mbp.lan>
stock90975 · Apr 16, 2024 · fa219f2 · fa219f2
1 parent 22cfaaf
commit fa219f2
Show file tree

Hide file tree

Showing 8 changed files with 129 additions and 443 deletions.
diff --git a/pcweb/components_webpage/sidebar/sidebar_items/component_lib.py b/pcweb/components_webpage/sidebar/sidebar_items/component_lib.py
diff --git a/pcweb/components_webpage/sidebar/sidebar_items/item.py b/pcweb/components_webpage/sidebar/sidebar_items/item.py
diff --git a/pcweb/components_webpage/sidebar/sidebar_items/learn.py b/pcweb/components_webpage/sidebar/sidebar_items/learn.py
diff --git a/pcweb/components_webpage/sidebar/sidebar_items/reference.py b/pcweb/components_webpage/sidebar/sidebar_items/reference.py
diff --git a/pcweb/pages/blog.py b/pcweb/pages/blog.py
@@ -210,12 +210,7 @@ def component_grid():
             ),
         )
     return rx.flex(
-        rx.grid(
-            *posts, 
-            columns="3",
-            spacing="4",
-            width="80%"
-        ),
+        rx.chakra.responsive_grid(*posts, columns=[1, 2, 2, 2, 3], gap=4),
         justify_content="center",
         padding_top="4em"
     )