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