the template cards should have the full reflex command

reflex-dev · Nov 21, 2024 · cd4324c · cd4324c
1 parent 7c49d71
commit cd4324c
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 24 deletions.
diff --git a/pcweb/components/code_card.py b/pcweb/components/code_card.py
@@ -89,42 +89,50 @@ def gallery_app_card(app: dict) -> rx.Component:
         ),
         rx.box(
             rx.box(
-                rx.hstack(
-                    rx.el.h6(
-                        app["title"],
-                        class_name="font-smbold text-slate-12 truncate",
-                    ),
-                    rx.el.button(
-                        get_icon(icon="copy", class_name="p-[5px]"),
-                        on_click=rx.set_clipboard(app["title"]),
-                        class_name="border-slate-5 bg-slate-1 hover:bg-slate-3 shadow-small border rounded-md text-slate-9 hover:!text-slate-9 no-underline transition-bg cursor-pointer",
-                    ),
+                rx.el.h6(
+                    app["title"],
+                    class_name="font-smbold text-slate-12 truncate",
                 ),
                 rx.text(
                     app["description"],
                     class_name="text-slate-10 font-small truncate text-pretty",
                 ),
                 rx.box(
-                    rx.cond(
-                        "Reflex" in app["author"],
+                    rx.vstack(
                         rx.box(
-                            rx.text(
-                                "by",
-                                class_name="text-slate-9 font-small",
+                            rx.hstack(
+                                install_command(f"reflex init --template {app['title']}"),
+                                rx.hstack(
+                                    repo(app["demo"]),
+                                    justify="start",
+
+                                ),
+                            ),
+
+                        ),
+                        rx.cond(
+                            "Reflex" in app["author"],
+                            rx.box(
+                                rx.text(
+                                    "by",
+                                    class_name="text-slate-9 font-small",
+                                ),
+                                get_icon(icon="badge_logo"),
+                                rx.text(
+                                    app["author"],
+                                    class_name="text-slate-9 font-small",
+                                ),
+                                class_name="flex flex-row items-start gap-1",
                             ),
-                            get_icon(icon="badge_logo"),
                             rx.text(
-                                app["author"],
+                                f"by {app['author']}",
                                 class_name="text-slate-9 font-small",
                             ),
-                            class_name="flex flex-row items-center gap-1",
-                        ),
-                        rx.text(
-                            f"by {app['author']}",
-                            class_name="text-slate-9 font-small",
                         ),
+                        align_items="start",
+                        class_name="brother-john"
                     ),
-                    repo(app["demo"]),
+
 
                     class_name="flex flex-row items-center gap-[6px] justify-between w-full",
                 ),

diff --git a/pcweb/pages/gallery/gallery.py b/pcweb/pages/gallery/gallery.py
@@ -53,7 +53,7 @@ def gallery_heading() -> rx.Component:
             class_name="font-md text-balance text-slate-9 -mt-4",
         ),
         rx.text.span(
-            "Copy the template name and use it during ",
+            "Copy the template command and use it during ",
             rx.code("reflex init"),
             class_name="font-sm text-balance text-slate-9",
         ),