Unified · Split
| @@ -13,17 +13,17 @@ export const ThreadErrorBanner = memo(function ThreadErrorBanner({ · 12 unmodified lines | ||
| 13 | 13 | }) { |
| 14 | 14 | if (!error) return null; |
| 15 | 15 | return ( |
| 16 | − <div className="pt-3 mx-auto max-w-3xl"> | |
| 16 | + <div className="mx-auto w-fit max-w-[min(48rem,calc(100%-2rem))] pt-3"> | |
| 17 | 17 | <Alert variant="error"> |
| 18 | 18 | <CircleAlertIcon /> |
| 19 | − <Tooltip> | |
| 20 | − <TooltipTrigger render={<AlertDescription className="line-clamp-3" />}> | |
| 21 | − {error} | |
| 22 | − </TooltipTrigger> | |
| 23 | − <TooltipPopup side="top" className="max-w-96 whitespace-pre-wrap"> | |
| 24 | − {error} | |
| 25 | − </TooltipPopup> | |
| 26 | − </Tooltip> | |
| 19 | + <AlertDescription> | |
| 20 | + <Tooltip> | |
| 21 | + <TooltipTrigger render={<div className="line-clamp-3" />}>{error}</TooltipTrigger> | |
| 22 | + <TooltipPopup side="top" className="max-w-96 whitespace-pre-wrap"> | |
| 23 | + {error} | |
| 24 | + </TooltipPopup> | |
| 25 | + </Tooltip> | |
| 26 | + </AlertDescription> | |
| 27 | 27 | {onDismiss && ( |
| 28 | 28 | <AlertAction> |
| 29 | 29 | <Button variant="ghost" size="icon-xs" aria-label="Dismiss error" onClick={onDismiss}> |