[ErrorPage]: embed typography styles for error page texts. Add underl…

…ine style for link.
epam · Dec 5, 2024 · 72c88fc · 72c88fc
1 parent 32a1c8c
commit 72c88fc
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 5 deletions.
diff --git a/changelog.md b/changelog.md
@@ -5,6 +5,7 @@
 * [Alert]: added support for size theming
 * [DataTable]: added support of column groups in table header. Read more - https://uui.epam.com/documents?id=advancedTables&mode=doc&category=tables&theme=electric#table_with_header_groups
 * [ErrorPage]: added field for additional message with support link (it works with `500, 503, default` errors), added support link for the site
+* [ErrorPage]: embed typography styles for error page texts
 
 **What's Fixed**
 * [PickerInput]: fixed unnecessary api calls on body open with `minCharsToSearch` prop and search in body

diff --git a/uui/components/errors/ErrorPage.module.scss b/uui/components/errors/ErrorPage.module.scss
@@ -51,10 +51,6 @@
     color: var(--uui-text-primary);
     max-width: 700px;
     margin-top: 18px;
-
-    a {
-        text-decoration: none;
-    }
 }
 
 @media screen and (max-width: 720px) {

diff --git a/uui/components/errors/ErrorPage.tsx b/uui/components/errors/ErrorPage.tsx
@@ -9,7 +9,7 @@ export const ErrorPage: React.FC<ErrorPageProps> = (props) => {
 
     return (
         <div className={ cx(css.container, props.cx) }>
-            <div className="uui-error-content">
+            <div className={ cx('uui-error-content', 'uui-typography') }>
                 <img className="uui-error-image" src={ isMobileScreen && props.mobileImageUrl ? props.mobileImageUrl : props.imageUrl } alt="ERROR OCCURRED!" />
                 <div className="uui-error-title">{props.title}</div>
                 <div className="uui-error-subtitle">{props.subtitle}</div>