fix(results-card-favorite): fix missing cursor-pointer and refactor c…

…ommon classes into mel-card
camptocamp · Feb 8, 2024 · f47db9b · f47db9b
1 parent 2cf3fde
commit f47db9b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/...c/app/common/results-list-item/results-card-favorite/results-card-favorite.component.html b/...c/app/common/results-list-item/results-card-favorite/results-card-favorite.component.html
@@ -3,7 +3,7 @@
   [tabIndex]="0"
   (click)="mdSelect.emit(record)"
   (keyup.enter)="mdSelect.emit(record)"
-  class="bg-gray-8 group flex flex-col gap-[9px] justify-between h-[110px] py-3 px-4 w-[330px] rounded-lg border border-gray-6 filter hover:drop-shadow-lg z-0"
+  class="mel-card group gap-[9px] h-[110px] py-3 px-4 z-0"
   ><div class="flex justify-between">
     <h1 class="font-bold text-[17px] line-clamp-1">
       {{ record.title }}

diff --git a/...mmon/results-list-item/results-card-last-created/results-card-last-created.component.html b/...mmon/results-list-item/results-card-last-created/results-card-last-created.component.html
@@ -3,7 +3,7 @@
   [tabIndex]="0"
   (click)="mdSelect.emit(record)"
   (keyup.enter)="mdSelect.emit(record)"
-  class="bg-gray-8 group flex flex-col justify-between relative h-40 p-4 w-[330px] rounded border border-gray-6 filter overflow-hidden cursor-pointer hover:drop-shadow-lg"
+  class="mel-card group relative h-40 p-4 overflow-hidden"
 >
   <h1 class="font-bold text-[17px] line-clamp-2">
     {{ record.title }}

diff --git a/apps/datahub/src/styles.css b/apps/datahub/src/styles.css
@@ -8,11 +8,13 @@
   .mel-page-title {
     @apply text-black text-5xl font-extrabold font-title;
   }
-
   .mel-badge-button {
     @apply inline-block bg-white py-1.5 px-2 rounded font-medium text-primary border border-primary text-sm leading-none hover:border-primary-dark hover:text-gray-8 hover:bg-primary-dark cursor-pointer transition-colors;
   }
   .mel-container-lg {
     max-width: 1024px;
   }
+  .mel-card {
+    @apply bg-gray-8 flex flex-col justify-between w-[330px] rounded-lg border border-gray-6 filter cursor-pointer hover:drop-shadow-lg;
+  }
 }