format rewrite header

IGNF · Sep 6, 2024 · 29465bb · 29465bb
1 parent bf2944b
commit 29465bb
Showing 1 changed file with 35 additions and 13 deletions.
diff --git a/apps/datahub/src/app/record/header-record/header-record.component.html b/apps/datahub/src/app/record/header-record/header-record.component.html
@@ -1,9 +1,15 @@
 <header class="w-full h-[255px]" [style.background]="backgroundCss">
-  <div class="h-full container-lg mx-auto flex flex-col justify-between relative">
+  <div
+    class="h-full container-lg mx-auto flex flex-col justify-between relative"
+  >
     <div class="flex flex-row justify-between content-center mt-3">
       <div class="ml-4">
-        <gn-ui-navigation-button (click)="back()" [label]="'datahub.search.back' | translate" [icon]="'arrow_back'"
-          [style.--navigation-button-color]="foregroundColor">
+        <gn-ui-navigation-button
+          (click)="back()"
+          [label]="'datahub.search.back' | translate"
+          [icon]="'arrow_back'"
+          [style.--navigation-button-color]="foregroundColor"
+        >
         </gn-ui-navigation-button>
       </div>
       <div class="flex flex-row mr-6 content-center gap-3">
@@ -16,18 +22,32 @@
           [style.--star-toggle-enabled-color]="foregroundColor"
           [style.--star-toggle-disabled-color]="foregroundColor"
         ></gn-ui-favorite-star>-->
-        <gn-ui-language-switcher *ngIf="showLanguageSwitcher" class="language-switcher text-[13px] mt-0.5"
-          [style.--color-main]="foregroundColor" [style.--color-gray-300]="foregroundColor"></gn-ui-language-switcher>
+        <gn-ui-language-switcher
+          *ngIf="showLanguageSwitcher"
+          class="language-switcher text-[13px] mt-0.5"
+          [style.--color-main]="foregroundColor"
+          [style.--color-gray-300]="foregroundColor"
+        ></gn-ui-language-switcher>
       </div>
     </div>
-    <div *ngIf="metadata" class="font-title text-[28px] max-w-screen-sm line-clamp-3 ml-4"
-      [style.color]="foregroundColor">
+    <div
+      *ngIf="metadata"
+      class="font-title text-[28px] max-w-screen-sm line-clamp-3 ml-4"
+      [style.color]="foregroundColor"
+    >
       {{ metadata.title }}
     </div>
-    <div class="flex flex-row flex-wrap gap-4 mb-4 ml-4 sm:mr-[332px]" [style.color]="foregroundColor">
-      <gn-ui-badge *ngIf="(isGeodata$ | async) === true" [style.--gn-ui-badge-padding]="'0.5em 0.75em'"
-        [style.--gn-ui-badge-background-color]="'var(--color-primary-darker)'" [style.--gn-ui-badge-opacity]="'1'"
-        [style.font-size]="'0.85em'">
+    <div
+      class="flex flex-row flex-wrap gap-4 mb-4 ml-4 sm:mr-[332px]"
+      [style.color]="foregroundColor"
+    >
+      <gn-ui-badge
+        *ngIf="(isGeodata$ | async) === true"
+        [style.--gn-ui-badge-padding]="'0.5em 0.75em'"
+        [style.--gn-ui-badge-background-color]="'var(--color-primary-darker)'"
+        [style.--gn-ui-badge-opacity]="'1'"
+        [style.font-size]="'0.85em'"
+      >
         <mat-icon class="material-symbols-outlined mr-2">
           my_location
         </mat-icon>
@@ -40,8 +60,10 @@
       </div>
       <div *ngIf="metadata.status" class="flex flex-row gap-2">
         <p>•</p>
-        <p [innerHTML]="'domain.record.status.' + metadata.status | translate"></p>
+        <p
+          [innerHTML]="'domain.record.status.' + metadata.status | translate"
+        ></p>
       </div>
     </div>
   </div>
-</header>
+</header>