updates

Author: carlosabadia

pcweb/pages/use_cases/common/final_section.py

@@ -26,7 +26,7 @@ def right_content(h1: str, description: str) -> rx.Component:
             to=REFLEX_BUILD_URL,
             target="_blank",
         ),
-        class_name="flex flex-col lg:p-20 p-8 h-full shrink-0",
+        class_name="flex flex-col lg:p-20 p-8 h-auto",
     )
 
 
@@ -48,5 +48,5 @@ def left_content(h1: str, description: str) -> rx.Component:
             custom_attrs=get_cal_attrs(),
             class_name="w-fit font-semibold mt-4",
         ),
-        class_name="flex flex-col gap-4 items-start justify-center lg:py-20 py-8 lg:pl-20 pl-8 lg:pr-[7.5rem] pr-8 relative overflow-hidden min-h-fit shrink-0",
+        class_name="flex flex-col gap-4 items-start justify-center lg:py-20 py-8 lg:pl-20 pl-8 lg:pr-[7.5rem] pr-8 relative overflow-hidden min-h-fit",
     )

pcweb/pages/use_cases/common/text_section.py

@@ -1,4 +1,5 @@
 import reflex as rx
+import reflex_ui as ui
 
 from pcweb.components.numbers_pattern import numbers_pattern
 
@@ -19,10 +20,13 @@ def content(header: str, description: str | None = None) -> rx.Component:
     )
 
 
-def text_section(header: str, description: str) -> rx.Component:
+def text_section(header: str, description: str, class_name: str = "") -> rx.Component:
     return rx.el.section(
         numbers_pattern(side="left", reverse=True, class_name="left-0 top-0"),
         numbers_pattern(side="right", reverse=True, class_name="right-0 top-0"),
         content(header, description),
-        class_name="flex flex-col items-center mx-auto w-full max-w-[64.19rem] lg:border-x border-slate-3 relative overflow-hidden py-20 border-t",
+        class_name=ui.cn(
+            "flex flex-col items-center mx-auto w-full max-w-[64.19rem] lg:border-x border-slate-3 relative overflow-hidden py-20 border-t",
+            class_name,
+        ),
     )

pcweb/pages/use_cases/finance/views/final_section.py

@@ -14,7 +14,7 @@ def final_section() -> rx.Component:
                 "Spin Up Your First Finance App",
                 "Connect your data source, and ship a working internal tool in an afternoon—no JavaScript required.",
             ),
-            class_name="flex xl:flex-row flex-col w-full rounded-2xl border border-m-slate-4 dark:border-m-slate-12 bg-white-1 dark:bg-m-slate-14 z-5 lg:divide-x divide-slate-3 max-lg:divide-y",
+            class_name="flex xl:flex-row flex-col w-full rounded-2xl border border-m-slate-4 dark:border-m-slate-12 bg-white-1 dark:bg-m-slate-14 z-5 xl:divide-x divide-slate-3 max-xl:divide-y",
         ),
         class_name="mx-auto w-full max-w-[71.125rem] relative rounded-4xl border border-slate-4 backdrop-blur-[6px] bg-slate-2/48 p-4 flex z-1 max-lg:mb-6 -mb-px",
     )

pcweb/pages/use_cases/finance/views/text_section_2.py

@@ -7,4 +7,5 @@ def text_section_2() -> rx.Component:
     return text_section(
         header="Proven at the World's Leading Institutions",
         description="From global banks to agile fintechs, see how teams are transforming their internal tools with Reflex.",
+        class_name="border-t-0",
     )

pcweb/pages/use_cases/finance/views/text_section_3.py

@@ -7,4 +7,5 @@ def text_section_3() -> rx.Component:
     return text_section(
         header="Why Financial Organizations Choose Reflex",
         description="From global banks to agile fintechs, see how teams are transforming their internal tools with Reflex.",
+        class_name="border-t-0",
     )