feat: add animation

2026-02-25 10:11:22 +07:00
parent ecaaf437f0
commit 5ce2890023
12 changed files with 191 additions and 37 deletions
@@ -14,7 +14,7 @@ interface FormCardProps {

 export function FormCard({ form }: FormCardProps) {
  return (
-    <div className="group flex flex-col rounded-xl border border-border bg-card shadow-sm transition-shadow hover:shadow-md">
+    <div className="group flex flex-col rounded-xl border border-border bg-card shadow-sm card-hover">
      <div className="h-1.5 rounded-t-xl bg-primary" />

      <div className="flex flex-1 flex-col p-5">
@@ -34,6 +34,7 @@ export const FormButton = forwardRef<HTMLButtonElement, FormButtonProps>(
        className={cn(
          "inline-flex items-center justify-center gap-2 font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
          "disabled:pointer-events-none disabled:opacity-50",
+          "btn-press",
          variantStyles[variant],
          sizeStyles[size],
          className