style: adjust font colors and weights

PolkaGate · Nov 10, 2024 · bf8d102 · bf8d102
1 parent 21e251a
commit bf8d102
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/extension-polkagate/src/fullscreen/nft/components/InfoRow.tsx b/packages/extension-polkagate/src/fullscreen/nft/components/InfoRow.tsx
@@ -44,7 +44,7 @@ function InfoRow ({ accountId, api, chain, divider = true, inline = true, isThum
         />
       }
       {notListed &&
-        <Typography fontSize='14px' fontWeight={400} textAlign='left'>
+        <Typography fontSize='14px' fontWeight={500} textAlign='left'>
           {t('Not listed')}
         </Typography>
       }
@@ -66,12 +66,12 @@ function InfoRow ({ accountId, api, chain, divider = true, inline = true, isThum
               formatted={accountId}
               identiconSize={15}
               showShortAddress
-              style={{ fontSize: '14px', maxWidth: '200px' }}
+              style={{ fontSize: '14px', fontWeight: 500, maxWidth: '200px' }}
             />
             : <ShortAddress
               address={accountId}
               charsCount={6}
-              style={{ fontSize: '14px', width: 'fit-content' }}
+              style={{ fontSize: '14px', fontWeight: 500, width: 'fit-content' }}
             />
           }
         </>

diff --git a/packages/extension-polkagate/src/fullscreen/nft/components/Thumbnail.tsx b/packages/extension-polkagate/src/fullscreen/nft/components/Thumbnail.tsx
@@ -64,7 +64,7 @@ export default function Thumbnail ({ api, itemInformation }: ThumbnailProps): Re
             {itemInformation?.chainName &&
               <>
                 <Divider sx={{ bgcolor: 'divider', height: '1px', m: '8px auto 0', width: '100%' }} />
-                <Typography fontSize='14px' fontWeight={400} sx={{ maxWidth: '174px', overflow: 'hidden', py: '5px', textAlign: 'center', textOverflow: 'ellipsis', whiteSpace: 'nowrap', width: '100%' }}>
+                <Typography fontSize='14px' fontWeight={400} sx={{ color: 'primary.light', maxWidth: '174px', overflow: 'hidden', py: '5px', textAlign: 'center', textOverflow: 'ellipsis', whiteSpace: 'nowrap', width: '100%' }}>
                   {itemInformation.chainName}
                 </Typography>
               </>