fix: adjust text size on error pages

onecx · Jan 3, 2025 · 91884e6 · 91884e6
1 parent a801304
commit 91884e6
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 20 deletions.
diff --git a/src/app/shell/components/error-page.component.ts b/src/app/shell/components/error-page.component.ts
@@ -7,9 +7,9 @@ import { getLocation } from '@onecx/accelerator'
   template: `
     <div class="p-4 flex flex-column gap-5">
       <div>
-        <h1 class="md:text-2xl text-lg">{{ 'ERROR_PAGE.TITLE' | translate }}</h1>
-        <p class="md:text-lg text-base mb-1">{{ 'ERROR_PAGE.DETAILS' | translate }}</p>
-        <p class="md:text-base text-sm">{{ 'ERROR_PAGE.REQUESTED_PAGE' | translate }} {{ requestedApplicationPath }}</p>
+        <h1 class="md:text-xl text-lg">{{ 'ERROR_PAGE.TITLE' | translate }}</h1>
+        <p class="mb-1">{{ 'ERROR_PAGE.DETAILS' | translate }}</p>
+        <p class="">{{ 'ERROR_PAGE.REQUESTED_PAGE' | translate }} {{ requestedApplicationPath }}</p>
       </div>
       <button pButton (click)="reloadPage()" routerLinkActive="router-link-active" class="w-max">
         {{ 'ERROR_PAGE.BUTTON' | translate }}

diff --git a/src/app/shell/components/initialization-error-page/initialization-error-page.component.ts b/src/app/shell/components/initialization-error-page/initialization-error-page.component.ts
@@ -4,41 +4,41 @@ import { SerializedInitializationError } from '../../utils/initialization-error-
 
 @Component({
   template: `<div class="p-4">
-    <h1 class="md:text-2xl text-lg mb-1">{{ 'INITIALIZATION_ERROR_PAGE.TITLE' | translate }}</h1>
-    <p class="md:text-lg text-base">{{ 'INITIALIZATION_ERROR_PAGE.SUBTITLE' | translate }}</p>
-    <div class="mt-3 flex flex-column row-gap-2">
-      <div *ngIf="error.message">
-        <div class="md:text-base text-sm">
+    <h1 class="md:text-xl text-lg mb-1">{{ 'INITIALIZATION_ERROR_PAGE.TITLE' | translate }}</h1>
+    <p class="text-base">{{ 'INITIALIZATION_ERROR_PAGE.SUBTITLE' | translate }}</p>
+    <div class="mt-4 flex flex-column row-gap-2">
+      <div *ngIf="error.message" class="md:text-base text-sm">
+        <div>
           {{ 'INITIALIZATION_ERROR_PAGE.DETAILS.MESSAGE' | translate }}
         </div>
         <i>{{ error.message }}</i>
       </div>
-      <div *ngIf="error.requestedUrl">
-        <div class="md:text-base text-sm">
+      <div *ngIf="error.requestedUrl" class="md:text-base text-sm">
+        <div>
           {{ 'INITIALIZATION_ERROR_PAGE.DETAILS.REQUESTED_URL' | translate }}
         </div>
         <i>{{ error.requestedUrl }}</i>
       </div>
-      <div *ngIf="error.detail">
-        <div class="md:text-base text-sm">
+      <div *ngIf="error.detail" class="md:text-base text-sm">
+        <div>
           {{ 'INITIALIZATION_ERROR_PAGE.DETAILS.DETAILS' | translate }}
         </div>
         <i>{{ error.detail }}</i>
       </div>
-      <div *ngIf="error.errorCode">
-        <div class="md:text-base text-sm">
+      <div *ngIf="error.errorCode" class="md:text-base text-sm">
+        <div>
           {{ 'INITIALIZATION_ERROR_PAGE.DETAILS.ERRORCODE' | translate }}
         </div>
         <i>{{ error.errorCode }}</i>
       </div>
-      <div *ngIf="error.invalidParams">
-        <div class="md:text-base text-sm">
+      <div *ngIf="error.invalidParams" class="md:text-base text-sm">
+        <div>
           {{ 'INITIALIZATION_ERROR_PAGE.DETAILS.INVALID_PARAMS' | translate }}
         </div>
         <i>{{ error.invalidParams }}</i>
       </div>
-      <div *ngIf="error.params">
-        <div class="md:text-base text-sm">
+      <div *ngIf="error.params" class="md:text-base text-sm">
+        <div>
           {{ 'INITIALIZATION_ERROR_PAGE.DETAILS.PARAMS' | translate }}
         </div>
         <i>{{ error.params }}</i>

diff --git a/src/app/shell/components/not-found-page.component.ts b/src/app/shell/components/not-found-page.component.ts
@@ -6,8 +6,8 @@ import { Workspace } from '@onecx/integration-interface'
   template: `
     <div class="p-4 flex flex-column gap-5">
       <div>
-        <h1 class="md:text-2xl text-lg">{{ 'NOT_FOUND_PAGE.TITLE' | translate }}</h1>
-        <p class="md:text-lg text-base">{{ 'NOT_FOUND_PAGE.DETAILS' | translate }}</p>
+        <h1 class="md:text-xl text-lg">{{ 'NOT_FOUND_PAGE.TITLE' | translate }}</h1>
+        <p class="">{{ 'NOT_FOUND_PAGE.DETAILS' | translate }}</p>
       </div>
       <button pButton [routerLink]="[workspace?.baseUrl]" class="w-max">
         {{ 'NOT_FOUND_PAGE.BUTTON' | translate }}