@spunto/design-system 0.14.0 → 0.14.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spunto/design-system",
-  "version": "0.14.0",
+  "version": "0.14.1",
   "description": "Spunto's shared design system — warm/flame tokens, color constants, and UI primitives.",
   "type": "module",
   "license": "MIT",

package/src/components/workers/worker-card.tsx

@@ -149,7 +149,13 @@ export function WorkerCard({
       // full-width row on a phone — and a 290 px card in a sidebar on a 27"
       // screen is exactly as cramped as a phone.
       className={cn(
-        "@container overflow-hidden rounded-xl border border-border bg-card transition-colors hover:shadow-sm",
+        // `flex h-full flex-col`, avec le pied en `mt-auto` : dans une grille de
+        // cartes, les cellules s'étirent sur la plus haute, et sans ça le bouton
+        // s'arrête là où le contenu s'arrête — une rangée de cartes finit avec
+        // des bandes de carte vide sous les boutons, à des hauteurs différentes.
+        // Hors grille, `height: 100%` d'un parent en hauteur automatique se
+        // résout en automatique : rien ne change.
+        "@container flex h-full flex-col overflow-hidden rounded-xl border border-border bg-card transition-colors hover:shadow-sm",
         className
       )}
     >
@@ -280,7 +286,7 @@ export function WorkerCard({
       )}
 
       {(footer ?? href) && (
-        <div className="border-t border-border/50 bg-muted/20 px-3 py-2">
+        <div className="mt-auto border-t border-border/50 bg-muted/20 px-3 py-2">
           {footer ?? (
             <Link href={href!} className={cn(buttonVariants({ variant: "default", size: "sm" }), "h-7 w-full gap-1.5 text-xs")}>
               {viewLabel}