decrease hero button gap (#1460)

Co-authored-by: Alek Petuskey <[email protected]>

Author: carlosabadia

pcweb/components/new_button.py

@@ -1,5 +1,5 @@
 from typing import Any, Dict, Literal, Optional
-
+from pcweb.components.utils.twmerge import cn
 import reflex as rx
 
 LiteralButtonVariant = Literal[
@@ -31,7 +31,7 @@ def get_variant_bg_cn(variant: str) -> str:
         "sm": "px-2 h-8 rounded-lg gap-2",
         "md": "px-2.5 h-9 rounded-[10px] gap-2.5",
         "lg": "px-3 h-10 rounded-xl gap-3",
-        "xl": "px-3.5 h-12 rounded-[14px] gap-3.5 !text-base text-nowrap",
+        "xl": "px-3.5 h-12 rounded-[14px] gap-3 !text-base text-nowrap",
         "icon-xs": "size-7 rounded-md",
         "icon-sm": "size-8 rounded-lg",
         "icon-md": "size-9 rounded-[10px]",
@@ -89,6 +89,6 @@ def button(
     return rx.el.button(
         *content,
         style=style,
-        class_name=" ".join(filter(None, classes)),
+        class_name=cn(*classes),
         **props,
     )

pcweb/pages/landing/views/hero.py

@@ -99,9 +99,10 @@ def hero() -> rx.Component:
                 button(
                     "Get Access",
                     size="xl",
-                    class_name="w-fit flex flex-row-reverse",
+                    class_name="w-fit flex flex-row-reverse gap-2",
                     icon=rx.icon("chevron-right", size=16),
                 ),
+                underline="none",
                 href="/pricing",
             ),
             watch_preview(),

pcweb/pages/landing/views/video_demo.py

@@ -74,7 +74,7 @@ def watch_preview() -> rx.Component:
             "Watch Preview",
             variant="secondary",
             size="xl",
-            class_name="w-fit flex flex-row-reverse",
+            class_name="w-fit flex flex-row-reverse gap-2",
             icon=rx.icon("chevron-right", size=16),
         ),
         content=rx.box(

rxconfig.py

@@ -11,6 +11,5 @@
     ],
     show_build_with_reflex=False,
     telemetry_enabled=False,
-    tailwind=tw_config,
-    plugins=[rx.plugins.TailwindV3Plugin()],
+    plugins=[rx.plugins.TailwindV3Plugin(tw_config)],
 )