update preview card padding

Author: carlosabadia

pyproject.toml

@@ -20,7 +20,7 @@ bump = true
 metadata = false
 
 [dependency-groups]
-dev = ["pyright==1.1.404", "pre-commit"]
+dev = ["pyright==1.1.405", "pre-commit"]
 
 [tool.codespell]
 skip = "*.pyi, uv.lock"

reflex_ui/components/base/preview_card.py

@@ -23,7 +23,7 @@ class ClassNames:
     BACKDROP = ""
     PORTAL = ""
     POSITIONER = ""
-    POPUP = "origin-(--transform-origin) rounded-ui-xl p-4 border border-secondary-a4 bg-secondary-1 shadow-large transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[starting-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 outline-none min-w-64 flex flex-col gap-3"
+    POPUP = "origin-(--transform-origin) rounded-ui-xl p-3 border border-secondary-a4 bg-secondary-1 shadow-large transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[starting-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 outline-none min-w-64 flex flex-col gap-3"
     ARROW = "data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180"
 
 

reflex_ui/components/base/preview_card.pyi

@@ -23,7 +23,7 @@ class ClassNames:
     BACKDROP = ""
     PORTAL = ""
     POSITIONER = ""
-    POPUP = "origin-(--transform-origin) rounded-ui-xl p-4 border border-secondary-a4 bg-secondary-1 shadow-large transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[starting-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 outline-none min-w-64 flex flex-col gap-3"
+    POPUP = "origin-(--transform-origin) rounded-ui-xl p-3 border border-secondary-a4 bg-secondary-1 shadow-large transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[starting-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 outline-none min-w-64 flex flex-col gap-3"
     ARROW = "data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180"
 
 class PreviewCardBaseComponent(BaseUIComponent):