minor: update the error fallback image and styling (#16100)

* minor: update the error fallback image and styling

* Update error fallback image and styling
This commit is contained in:
Sachin Chaurasiya 2024-05-02 15:30:11 +05:30 committed by GitHub
parent b7c54c9ab5
commit b9a6c92ad1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 77 additions and 73 deletions

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 33 KiB

View File

@ -45,6 +45,7 @@ const ErrorFallback: React.FC<FallbackProps> = ({
return ( return (
<Result <Result
className="error-boundary-result"
extra={ extra={
<Button <Button
className="ant-btn-primary-custom" className="ant-btn-primary-custom"
@ -53,7 +54,7 @@ const ErrorFallback: React.FC<FallbackProps> = ({
{isChunkLoadError ? t('label.refresh') : t('label.home')} {isChunkLoadError ? t('label.refresh') : t('label.home')}
</Button> </Button>
} }
icon={<OmUpgradeIcon width={512} />} icon={<OmUpgradeIcon />}
subTitle={message} subTitle={message}
title={title} title={title}
/> />

View File

@ -771,3 +771,11 @@ a[href].link-text-grey,
} }
} }
} }
.error-boundary-result {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100%;
}