diff --git a/pcweb/pages/templates/template_details/views/sidebar.py b/pcweb/pages/templates/template_details/views/sidebar.py index 25c2816cf..3131a7fc7 100644 --- a/pcweb/pages/templates/template_details/views/sidebar.py +++ b/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", diff --git a/pcweb/pages/templates/views/templates_grid.py b/pcweb/pages/templates/views/templates_grid.py index e00f10b6d..f9ef61de0 100644 --- a/pcweb/pages/templates/views/templates_grid.py +++ b/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(