truncate template description (#1789)

Author: carlosabadia

pcweb/pages/templates/template_details/views/sidebar.py

@@ -91,7 +91,9 @@ def requirements() -> rx.Component:
             rx.foreach(
                 TemplatesState.active_template.requirements,
                 lambda requirement: rx.el.div(
-                    ui.icon("ArrowRight02Icon", class_name="text-primary-10 mt-1"),
+                    ui.icon(
+                        "ArrowRight02Icon", class_name="text-primary-10 mt-1 shrink-0"
+                    ),
                     rx.el.span(
                         requirement,
                         class_name="text-sm font-medium text-secondary-12",
@@ -112,7 +114,7 @@ def key_features() -> rx.Component:
             rx.foreach(
                 TemplatesState.active_template.key_features,
                 lambda feature: rx.el.div(
-                    ui.icon("Tick02Icon", class_name="text-primary-10 mt-1"),
+                    ui.icon("Tick02Icon", class_name="text-primary-10 mt-1 shrink-0"),
                     rx.el.span(
                         feature,
                         class_name="text-sm font-medium text-secondary-12",

pcweb/pages/templates/views/templates_grid.py

@@ -65,7 +65,7 @@ def image_text_placeholder() -> rx.Component:
     return rx.el.div(
         rx.el.div(
             rx.image(
-                src=f"{REFLEX_ASSETS_CDN}/logos/{rx.color_mode_cond(light='light', dark='dark')}/reflex.svg",
+                src=f"{REFLEX_ASSETS_CDN.strip('/')}/logos/{rx.color_mode_cond(light='light', dark='dark')}/reflex.svg",
                 class_name="h-3.5 lg:h-5 w-auto opacity-70 dark:opacity-85 group-hover:scale-105 duration-200 ease-out",
                 alt="Logo",
             ),
@@ -100,7 +100,7 @@ def template_card(template: Template) -> rx.Component:
             ),
             rx.el.span(
                 template.description,
-                class_name="text-secondary-10 text-sm font-medium mb-4",
+                class_name="text-secondary-10 text-sm font-medium mb-4 line-clamp-3",
             ),
             rx.el.div(
                 rx.foreach(