From df2d3d2d7643b65c3c8709b765c9ae555915f4d3 Mon Sep 17 00:00:00 2001 From: shui Date: Sun, 15 Mar 2026 08:17:20 +0800 Subject: [PATCH] fix: use inline-flex instead of flex in Badge base class Badge is an inline component, but was using flex which caused it to expand to full width when placed inside a normal div. Changed to inline-flex to maintain proper inline behavior. --- packages/ui/src/components/Badge/theme.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui/src/components/Badge/theme.ts b/packages/ui/src/components/Badge/theme.ts index a41b75fe7..a90960900 100644 --- a/packages/ui/src/components/Badge/theme.ts +++ b/packages/ui/src/components/Badge/theme.ts @@ -3,7 +3,7 @@ import type { BadgeTheme } from "./Badge"; export const badgeTheme = createTheme({ root: { - base: "flex h-fit items-center gap-1 font-semibold", + base: "inline-flex h-fit items-center gap-1 font-semibold", color: { info: "bg-cyan-100 text-cyan-800 hover:bg-cyan-200 dark:bg-cyan-200 dark:text-cyan-800 dark:hover:bg-cyan-300", gray: "bg-gray-100 text-gray-800 hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-gray-600",