updates

Author: carlosabadia

assets/tailwind-theme.css

@@ -896,6 +896,16 @@
 
 @layer base {
 
+    button,
+    [role='button'] {
+        cursor: pointer;
+    }
+
+    button:disabled,
+    [role='button']:disabled {
+        cursor: default;
+    }
+
     body {
         @apply isolate bg-slate-1 font-sans antialiased;
     }

pcweb/components/docpage/navbar/typesense.py

@@ -79,7 +79,7 @@ def hosting_patterns() -> rx.Component:
         rx.image(
             src="/hosting/light/hosting_patterns.svg",
             alt="Reflex Hosting Patterns",
-            class_name="dark:hidden desktop-only absolute top-0 z-[-1] w-[1028px] h-[478px] pointer-events-none shrink-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
+            class_name="dark:hidden lg:flex hidden absolute top-0 z-[-1] w-[1028px] h-[478px] pointer-events-none shrink-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
             + rx.cond(
                 HostingBannerState.show_banner,
                 " lg:mt-[24rem] mt-[3.5rem]",
@@ -89,7 +89,7 @@ def hosting_patterns() -> rx.Component:
         rx.image(
             src="/hosting/dark/hosting_patterns.svg",
             alt="Reflex Hosting Patterns",
-            class_name="dark:flex hidden lg:flex absolute top-0 z-[-1] w-[1028px] h-[478px] pointer-events-none shrink-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
+            class_name="hidden dark:flex lg:dark:flex absolute top-0 z-[-1] w-[1028px] h-[478px] pointer-events-none shrink-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
             + rx.cond(
                 HostingBannerState.show_banner,
                 " lg:mt-[24rem] mt-[3.5rem]",

pcweb/components/icons/patterns.py

@@ -22,7 +22,7 @@ def get_variant_bg_cn(variant: str) -> str:
         str: The background color class name.
 
     """
-    return f"enabled:bg-gradient-to-b from-[--{variant}-9] to-[--{variant}-10] dark:to-[--{variant}-9] hover:to-[--{variant}-9] dark:hover:to-[--{variant}-10] disabled:hover:bg-[--{variant}-9]"
+    return f"enabled:bg-gradient-to-b from-(--{variant}-9) to-(--{variant}-10) dark:to-(--{variant}-9) hover:to-(--{variant}-9) dark:hover:to-(--{variant}-10) disabled:hover:bg-(--{variant}-9)"
 
 
 BUTTON_STYLES: Dict[str, Dict[str, Dict[str, str]]] = {

pcweb/components/new_button.py

@@ -158,6 +158,7 @@ def backend_grid() -> rx.Component:
             title="It's just Python",
             description="Define and manage state with Python classes and functions",
             icon="python",
+            class_name="lg:!border-l !border-slate-3",
         ),
         backend_card(
             title="PyPI",
@@ -168,11 +169,13 @@ def backend_grid() -> rx.Component:
             title="Database management",
             description="Use our built-in database or connect your own with a single line",
             icon="backend_db",
+            class_name="lg:!border-l lg:!border-b-0 !border-slate-3",
         ),
         backend_card(
             title="Auth",
             description="Secure your app with any auth provider - no vendor lock-in",
             icon="backend_auth",
+            class_name="lg:!border-b-0",
         ),
         backend_card(
             title="Check out the docs",

pcweb/pages/framework/views/backend_features.py

@@ -143,7 +143,7 @@ def newsletter() -> rx.Component:
                 class_name="font-small text-slate-9",
             ),
             newletter_input(),
-            class_name="flex flex-col items-center lg:items-start gap-4 self-stretch p-10",
+            class_name="flex flex-col items-center lg:items-start gap-4 self-stretch p-10 lg:border-r border-slate-3",
         ),
     )
 
@@ -195,7 +195,7 @@ def footer_index() -> rx.Component:
                     class_name="font-small text-slate-9",
                 ),
                 menu_socials(),
-                class_name="flex flex-col items-center lg:items-start gap-4 self-stretch p-10",
+                class_name="flex flex-col items-center lg:items-start gap-4 self-stretch p-10 lg:border-l border-slate-3",
             ),
             newsletter(),
             class_name="grid grid-cols-1 lg:grid-cols-3 gap-0 grid-rows-2 w-full divide-y divide-slate-3 lg:divide-x border-t border-slate-3 lg:border-t-0",

pcweb/pages/framework/views/footer_index.py

@@ -29,7 +29,7 @@ def os_card() -> rx.Component:
             href=GITHUB_URL,
             class_name="relative w-full lg:w-auto",
         ),
-        class_name="flex flex-col gap-8 w-full p-10 pb-12 lg:!border-l !border-slate-3 lg:!border-t items-center lg:items-start text-center lg:text-start",
+        class_name="lg:!border-b-0 flex flex-col gap-8 w-full p-10 pb-12 lg:!border-l !border-slate-3 items-center lg:items-start text-center lg:text-start",
     )
 
 

pcweb/pages/framework/views/os_newsletter.py

@@ -26,14 +26,19 @@ def stats_grid() -> rx.Component:
             icon="star",
             class_name="lg:!border-l !border-slate-3",
         ),
-        stat_card(stat=f"{CONTRIBUTORS:,}+", text="Contributors", icon="fork"),
+        stat_card(
+            stat=f"{CONTRIBUTORS:,}+",
+            text="Contributors",
+            icon="fork",
+            class_name="lg:!border-l !border-slate-3",
+        ),
         stat_card(
             stat=f"{DISCORD_USERS:,}+",
             text="Discord",
             icon="discord_navbar",
             class_name="lg:!border-r !border-slate-3",
         ),
-        class_name="grid grid-cols-1 lg:grid-cols-3 gap-0 grid-rows-1 w-full divide-slate-3 lg:divide-x !border-t-0 divide-y lg:divide-y-0",
+        class_name="grid grid-cols-1 lg:grid-cols-3 gap-0 grid-rows-1 w-full divide-slate-3 lg:divide-x !border-t-0 divide-y lg:divide-y-0 lg:border-b border-slate-3",
     )
 
 

pcweb/pages/framework/views/stats.py

@@ -11,7 +11,11 @@
 from pcweb.components.new_button import button
 from pcweb.constants import CAL_REQUEST_DEMO_URL
 from pcweb.pages.framework.views.companies import pricing_page_companies
-from pcweb.telemetry.postog_metrics import DemoEvent, send_data_to_posthog, send_data_to_slack
+from pcweb.telemetry.postog_metrics import (
+    DemoEvent,
+    send_data_to_posthog,
+    send_data_to_slack,
+)
 
 ThankYouDialogState = ClientStateVar.create("thank_you_dialog_state", False)
 
@@ -134,7 +138,7 @@ def submit(self, form_data: dict[str, Any]):
         linkedin_url = form_data.get("linkedin_url", "").strip()
         if linkedin_url:
             # Basic LinkedIn URL validation
-            linkedin_pattern = r'^https?://(www\.)?linkedin\.com/(in|company)/.+$'
+            linkedin_pattern = r"^https?://(www\.)?linkedin\.com/(in|company)/.+$"
 
             if not re.match(linkedin_pattern, linkedin_url):
                 self.banned_linkedin = True
@@ -191,8 +195,10 @@ def submit(self, form_data: dict[str, Any]):
             # Send to PostHog for all submissions
             yield QuoteFormState.send_demo_event(form_data)
 
-            yield rx.call_script(f"try {{ ko.identify('{email}'); }} catch(e) {{ console.warn('Koala identify failed:', e); }}")
-            
+            yield rx.call_script(
+                f"try {{ ko.identify('{email}'); }} catch(e) {{ console.warn('Koala identify failed:', e); }}"
+            )
+
             if self.is_small_company():
                 yield ThankYouDialogState.push(True)
                 yield rx.redirect("/pricing?lead=1")
@@ -209,7 +215,6 @@ def submit(self, form_data: dict[str, Any]):
 
             return rx.redirect(cal_url)
 
-
     @rx.event(background=True)
     async def send_demo_event(self, form_data: dict[str, Any]):
         first_name = form_data.get("first_name", "")
@@ -227,10 +232,10 @@ async def send_demo_event(self, form_data: dict[str, Any]):
             referral_source=self.referral_source,
             phone_number=form_data.get("phone_number", ""),
         )
-        
+
         # Send to PostHog (existing)
         await send_data_to_posthog(demo_event)
-        
+
         # Send to Slack (new)
         try:
             await send_data_to_slack(demo_event)
@@ -347,8 +352,7 @@ def thank_you_modal() -> rx.Component:
                             size="icon-sm",
                             type="button",
                             class_name="focus:outline-none",
-                            on_click=ThankYouDialogState.set_value(False)
-
+                            on_click=ThankYouDialogState.set_value(False),
                         ),
                     ),
                     class_name="flex flex-row items-center gap-2 justify-between w-full",
@@ -357,19 +361,16 @@ def thank_you_modal() -> rx.Component:
                     "We've received your submission and our team will get back to you soon. We appreciate your interest in Reflex!",
                     class_name="text-slate-9 font-medium text-sm",
                 ),
-                class_name="flex flex-col w-full gap-y-4"
+                class_name="flex flex-col w-full gap-y-4",
             ),
             class_name="w-full",
             on_interact_outside=ThankYouDialogState.set_value(False),
             on_escape_key_down=ThankYouDialogState.set_value(False),
-
         ),
-        open=ThankYouDialogState.value
+        open=ThankYouDialogState.value,
     )
 
 
-
-
 def custom_quote_form() -> rx.Component:
     """Custom quote form component with clean, maintainable structure."""
     return rx.box(
@@ -507,7 +508,15 @@ def custom_quote_form() -> rx.Component:
                         select_field(
                             "Number of employees",
                             "num_employees",
-                            ["1", "2-5", "6-10", "11-50", "51-100", "101-500", "500+"],  # Updated options
+                            [
+                                "1",
+                                "2-5",
+                                "6-10",
+                                "11-50",
+                                "51-100",
+                                "101-500",
+                                "500+",
+                            ],  # Updated options
                             "500+",
                             required=True,
                             state_var="num_employees",
@@ -541,7 +550,7 @@ def custom_quote_form() -> rx.Component:
                     on_submit=QuoteFormState.submit,
                     reset_on_submit=True,
                 ),
-                class_name="relative bg-slate-1 p-6 sm:p-8 rounded-2xl border-2 border-[--violet-9] shadow-lg w-full max-w-md mx-auto lg:max-w-none lg:mx-0",
+                class_name="relative bg-slate-1 p-6 sm:p-8 rounded-2xl border-2 border-violet-9 shadow-lg w-full max-w-md mx-auto lg:max-w-none lg:mx-0",
             ),
             class_name="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-16 max-w-7xl mx-auto items-start",
         ),

pcweb/pages/pricing/header.py

@@ -10,7 +10,7 @@
 - Incorrect: WHITELISTED_PAGES = ["/docs/getting-started/introduction/"]
 """
 
-WHITELISTED_PAGES = ["/"]
+WHITELISTED_PAGES = []
 
 
 def _check_whitelisted_path(path: str):