fix safari thing

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",
+        class_name="flex flex-col lg:p-20 p-8 h-full shrink-0",
     )
 
 
@@ -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",
+        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",
     )

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 lg: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 lg:divide-x divide-slate-3 max-lg: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",
     )