| ... | @@ -20,7 +20,9 @@ const badgeVariants = cva( | ... | @@ -20,7 +20,9 @@ const badgeVariants = cva( |
| 20 | default: | 20 | default: |
| 21 | "h-5.5 min-w-5.5 px-[calc(--spacing(1)-1px)] text-sm sm:h-4.5 sm:min-w-4.5 sm:text-xs", | 21 | "h-5.5 min-w-5.5 px-[calc(--spacing(1)-1px)] text-sm sm:h-4.5 sm:min-w-4.5 sm:text-xs", |
| 22 | lg: "h-6.5 min-w-6.5 px-[calc(--spacing(1.5)-1px)] text-base sm:h-5.5 sm:min-w-5.5 sm:text-sm", | 22 | lg: "h-6.5 min-w-6.5 px-[calc(--spacing(1.5)-1px)] text-base sm:h-5.5 sm:min-w-5.5 sm:text-sm", |
| 23 | sm: "h-5 min-w-5 rounded-[.25rem] px-[calc(--spacing(1)-1px)] text-xs sm:h-4 sm:min-w-4 sm:text-[.625rem]", | 23 | // leading-none: with the inherited fractional leading the rounded font metrics |
| | 24 | // leave the label sitting high in the fixed-height box, worse under renderer zoom. |
| | 25 | sm: "h-5 min-w-5 rounded-[.25rem] px-[calc(--spacing(1)-1px)] text-xs leading-none sm:h-4 sm:min-w-4 sm:text-[.625rem]", |
| 24 | }, | 26 | }, |
| 25 | variant: { | 27 | variant: { |
| 26 | default: "bg-primary text-primary-foreground [button&,a&]:hover:bg-primary/90", | 28 | default: "bg-primary text-primary-foreground [button&,a&]:hover:bg-primary/90", |