update card

Author: carlosabadia

reflex_ui/components/base/card.py

@@ -11,10 +11,10 @@ class ClassNames:
     """Class names for the card component."""
 
     ROOT = "rounded-ui-xl border border-secondary-a4 bg-secondary-1 shadow-small"
-    HEADER = "flex flex-col gap-2 p-6"
+    HEADER = "flex flex-col gap-4 px-6 pt-6 pb-4"
     TITLE = "text-2xl font-semibold text-secondary-12"
     DESCRIPTION = "text-sm text-secondary-11 font-[450]"
-    CONTENT = "flex flex-col gap-4 px-6 pb-6"
+    CONTENT = "flex flex-col gap-4 px-6 pb-4"
     FOOTER = "flex flex-row justify-between items-center px-6 pb-6"
 
 

reflex_ui/components/base/card.pyi

@@ -16,10 +16,10 @@ from reflex_ui.components.component import CoreComponent
 
 class ClassNames:
     ROOT = "rounded-ui-xl border border-secondary-a4 bg-secondary-1 shadow-small"
-    HEADER = "flex flex-col gap-2 p-6"
+    HEADER = "flex flex-col gap-4 px-6 pt-6 pb-4"
     TITLE = "text-2xl font-semibold text-secondary-12"
     DESCRIPTION = "text-sm text-secondary-11 font-[450]"
-    CONTENT = "flex flex-col gap-4 px-6 pb-6"
+    CONTENT = "flex flex-col gap-4 px-6 pb-4"
     FOOTER = "flex flex-row justify-between items-center px-6 pb-6"
 
 class CardComponent(Div, CoreComponent):