Fix font size of detailed balances

dappforce · Feb 7, 2024 · 67c99c8 · 67c99c8
1 parent c924a90
commit 67c99c8
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/src/components/table/balancesTable/parseData/parseBalanceInfo.tsx b/src/components/table/balancesTable/parseData/parseBalanceInfo.tsx
@@ -317,7 +317,7 @@ export const parseBalancesTableInfo = ({
                 )
 
                 return {
-                  key,
+                  key: `detailed-balances-${key}`,
                   chain: (
                     <div
                       style={{ marginLeft: isMulti ? '5rem' : '3rem' }}

diff --git a/src/components/table/customCard/BalancesCard.module.sass b/src/components/table/customCard/BalancesCard.module.sass
@@ -186,10 +186,13 @@
     font-weight: 400 !important
     line-height: 24px !important
 
-.ChidrenChainName
-  font-size: 12px
-  font-weight: 400
+.DetailedBalances
+  font-size: 12px !important
+  font-weight: 400 !important
   line-height: 24px
+  color: $color_gray
+
+.ChidrenChainName
 
   div:first-child
     margin-left: 0px !important

diff --git a/src/components/table/customCard/BalancesSectionCard.tsx b/src/components/table/customCard/BalancesSectionCard.tsx
@@ -252,7 +252,7 @@ const InnerChildrenBalances = <T extends TableInfo>({
         >
           <span
             className={clsx(styles.ChidrenChainName, {
-              ['GrayText']: isDetailedBalances,
+              [styles.DetailedBalances]: isDetailedBalances,
               [styles.ChainName]: !isDetailedBalances
             })}
           >