LAGO-347 fix table colors, columns width

getlago · Sep 26, 2024 · f99124e · f99124e
1 parent 0ff2d1a
commit f99124e
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/components/creditNote/CreditNotesTable.tsx b/src/components/creditNote/CreditNotesTable.tsx
@@ -322,7 +322,13 @@ const CreditNotesTable = ({
                   key: 'totalAmountCents',
                   title: translate('text_62544c1db13ca10187214d85'),
                   content: ({ totalAmountCents, currency }) => (
-                    <Typography variant="body" align="right" noWrap>
+                    <Typography
+                      className="font-medium"
+                      variant="body"
+                      color="grey700"
+                      align="right"
+                      noWrap
+                    >
                       {intlFormatNumber(deserializeAmount(totalAmountCents || 0, currency), {
                         currencyDisplay: 'symbol',
                         currency,
@@ -336,18 +342,19 @@ const CreditNotesTable = ({
                         key: 'invoice.customer.displayName',
                         title: translate('text_63ac86d797f728a87b2f9fb3'),
                         content: (creditNote: CreditNoteTableItemFragment) => (
-                          <CustomerColumn variant="body" color="grey700" noWrap>
+                          <CustomerColumn variant="body" color="grey600" noWrap>
                             {creditNote.invoice?.customer.displayName}
                           </CustomerColumn>
                         ),
+                        maxSpace: true,
                       } as TableColumn<CreditNoteTableItemFragment>,
                     ]
                   : []),
                 {
                   key: 'createdAt',
                   title: translate('text_62544c1db13ca10187214d7f'),
                   content: ({ createdAt }) => (
-                    <Typography variant="body" color="grey700" noWrap>
+                    <Typography variant="body" color="grey600" noWrap>
                       {customerTimezone
                         ? formatDateToTZ(createdAt, customerTimezone)
                         : formatTimeOrgaTZ(createdAt)}