fix: replace flex-shrink-0 with shrink-0 for consistent styling across components

2026-03-09 20:03:57 +00:00
parent 82a55da026
commit 542d4ff3ee
21 changed files with 2977 additions and 35 deletions
@@ -81,7 +81,7 @@ export function Alert({
      className={cn(alertVariants({ variant }), className)}
      {...props}
    >
-      <IconComponent className={cn('h-5 w-5 flex-shrink-0 mt-0.5', iconColor)} />
+      <IconComponent className={cn('h-5 w-5 shrink-0 mt-0.5', iconColor)} />
      <div className="flex-1 min-w-0">
        {title && (
          <h5 className="font-semibold text-sm mb-1">{title}</h5>
@@ -92,7 +92,7 @@ export function Alert({
        <button
          type="button"
          onClick={handleDismiss}
-          className="flex-shrink-0 p-1 rounded-md text-content-muted hover:text-content-primary hover:bg-surface-muted transition-colors duration-fast"
+          className="shrink-0 p-1 rounded-md text-content-muted hover:text-content-primary hover:bg-surface-muted transition-colors duration-fast"
          aria-label="Dismiss alert"
        >
          <X className="h-4 w-4" />