Limit tooltip content max width

buberdds · buberdds · commit 9367ac902eca · 2025-07-24T11:05:44.000+02:00
diff --git a/src/components/tooltip/index.tsx b/src/components/tooltip/index.tsx
@@ -12,7 +12,7 @@ const TooltipContentNoArrow = ({
 }: React.ComponentProps<typeof TooltipContent>) => {
   return (
     <TooltipContent
-      className="[&>span]:hidden text-pretty bg-base-popover border text-popover-foreground shadow-[0px_2px_4px_-1px_rgba(0,0,0,0.06)] shadow-md"
+      className="[&>span]:hidden max-w-[400px] text-pretty bg-base-popover border text-popover-foreground shadow-[0px_2px_4px_-1px_rgba(0,0,0,0.06)] shadow-md"
       sideOffset={sideOffset}
       {...props}
     >

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ const TooltipContentNoArrow = ({`
`12`	`12`	`}: React.ComponentProps<typeof TooltipContent>) => {`
`13`	`13`	`return (`
`14`	`14`	`<TooltipContent`
`15`		`- className="[&>span]:hidden text-pretty bg-base-popover border text-popover-foreground shadow-[0px_2px_4px_-1px_rgba(0,0,0,0.06)] shadow-md"`
	`15`	`+ className="[&>span]:hidden max-w-[400px] text-pretty bg-base-popover border text-popover-foreground shadow-[0px_2px_4px_-1px_rgba(0,0,0,0.06)] shadow-md"`
`16`	`16`	`sideOffset={sideOffset}`
`17`	`17`	`{...props}`
`18`	`18`	`>`