Minor fixup

openmrs · Jan 30, 2024 · 6dae420 · 6dae420
1 parent 43ddee5
commit 6dae420
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 7 deletions.
diff --git a/packages/esm-patient-attachments-app/src/attachments/attachments-grid-overview.component.tsx b/packages/esm-patient-attachments-app/src/attachments/attachments-grid-overview.component.tsx
@@ -48,8 +48,8 @@ const AttachmentsGridOverview: React.FC<AttachmentsGridOverviewProps> = ({
         return (
           <div key={indx}>
             <AttachmentThumbnail imageProps={imageProps} item={item} />
-            <p className={styles.bodyLong01}>{attachment.title}</p>
-            <p className={classNames(styles.bodyLong01, styles.muted)}>{attachment.dateTime}</p>
+            <p className={styles.title}>{attachment.title}</p>
+            <p className={styles.muted}>{attachment.dateTime}</p>
           </div>
         );
       })}

diff --git a/packages/esm-patient-attachments-app/src/attachments/attachments-grid-overview.scss b/packages/esm-patient-attachments-app/src/attachments/attachments-grid-overview.scss
@@ -1,5 +1,6 @@
 @use '@carbon/styles/scss/spacing';
 @use '~@carbon/styles/scss/colors';
+@use '@carbon/styles/scss/type';
 @import '../root.scss';
 
 .galleryContainer {
@@ -18,3 +19,14 @@
   object-fit: cover;
 }
 
+.muted {
+  color: $color-gray-70;
+  @include type.type-style("label-01");
+  margin: 0.25rem;
+}
+
+.title {
+  @extend .bodyLong01;
+  color: colors.$gray-100;
+  margin: 0.25rem;
+}
diff --git a/packages/esm-patient-attachments-app/src/root.scss b/packages/esm-patient-attachments-app/src/root.scss
@@ -14,11 +14,6 @@
   @include type.type-style("body-long-01");
 }
 
-.muted {
-  color: $color-gray-70;
-  @include type.type-style("label-01");
-}
-
 .bodyShort01 {
   @include type.type-style("body-compact-01");
 }