| ... | ... | @@ -13,17 +13,17 @@ export const ThreadErrorBanner = memo(function ThreadErrorBanner({ |
| 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}> |