fix tooltip should wrap long text

2025-09-04 12:41:18 +03:00
parent 5c8f8b73d7
commit 283b502963
1 changed files with 2 additions and 2 deletions
--- a/packages/shared/src/components/ui/info-tooltip.tsx
+++ b/packages/shared/src/components/ui/info-tooltip.tsx
@@ -13,7 +13,7 @@ export function InfoTooltip({
  content,
  icon,
 }: {
-  content?: string | null;
+  content?: JSX.Element | string | null;
  icon?: JSX.Element;
 }) {
  if (!content) return null;
@@ -23,7 +23,7 @@ export function InfoTooltip({
        <TooltipTrigger>
          {icon || <Info className="size-4 cursor-pointer" />}
        </TooltipTrigger>
-        <TooltipContent>{content}</TooltipContent>
+        <TooltipContent className='sm:max-w-[400px]'>{content}</TooltipContent>
      </Tooltip>
    </TooltipProvider>
  );