diff --git a/src/assets/icons/error.svg b/src/assets/icons/error.svg deleted file mode 100644 index 917384f..0000000 --- a/src/assets/icons/error.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - diff --git a/src/assets/icons/failure.svg b/src/assets/icons/failure.svg new file mode 100644 index 0000000..d687528 --- /dev/null +++ b/src/assets/icons/failure.svg @@ -0,0 +1,12 @@ + + + failure + + + + + + + + diff --git a/src/lib/error/full-page-error/full-page-error.component.html b/src/lib/error/full-page-error/full-page-error.component.html index b96e2cb..e55ee4d 100644 --- a/src/lib/error/full-page-error/full-page-error.component.html +++ b/src/lib/error/full-page-error/full-page-error.component.html @@ -1,13 +1,14 @@
- -
-

{{ error.message }}

+ +
+
{{ error.message }}
diff --git a/src/lib/error/full-page-error/full-page-error.component.scss b/src/lib/error/full-page-error/full-page-error.component.scss index 12102bd..8791f01 100644 --- a/src/lib/error/full-page-error/full-page-error.component.scss +++ b/src/lib/error/full-page-error/full-page-error.component.scss @@ -1,7 +1,7 @@ @import '../../../assets/styles/variables'; .full-page-section { - opacity: 0.9; + opacity: 0.95; } .full-page-content { @@ -10,22 +10,18 @@ align-items: center; text-align: center; - p { - font-family: monospace; - } - > mat-icon { - height: 100px; - width: 100px; + height: 60px; + width: 60px; + opacity: 0.1; } .heading-l { - color: $primary; + color: $grey-7; + font-weight: initial; } - .heading-l, - iqser-icon-button, - p { - margin-top: 32px; + .error { + color: $red-1; } } diff --git a/src/lib/icons/icons.module.ts b/src/lib/icons/icons.module.ts index f49d0d1..9c3f444 100644 --- a/src/lib/icons/icons.module.ts +++ b/src/lib/icons/icons.module.ts @@ -15,7 +15,7 @@ export class IqserIconsModule { 'check', 'close', 'edit', - 'error', + 'failure', 'help-outline', 'refresh', 'search',