Update Identifierd styles on validators page

pshenmic · Sep 26, 2024 · 87d7bae · 87d7bae
1 parent ab0729b
commit 87d7bae
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/packages/frontend/src/components/data/Identifier.js b/packages/frontend/src/components/data/Identifier.js
@@ -7,6 +7,7 @@ export default function Identifier ({ children, ellipsis = true, avatar, styles
     if (styles.includes('dim')) return 'dim'
     if (styles.includes('highlight-first')) return 'first'
     if (styles.includes('highlight-last')) return 'last'
+    if (styles.includes('highlight-both')) return 'both'
     return null
   })()
 

diff --git a/packages/frontend/src/components/data/Identifier.scss b/packages/frontend/src/components/data/Identifier.scss
@@ -7,6 +7,7 @@
   font-family: $font-mono;
   font-size: 0.75rem;
   overflow: hidden;
+  font-weight: 400;
 
   &--Ellipsis & {
     &__SymbolsContainer {

diff --git a/packages/frontend/src/components/validators/ValidatorsList.js b/packages/frontend/src/components/validators/ValidatorsList.js
@@ -23,7 +23,7 @@ const ValidatorListItem = ({ validator, loading }) => {
                   className={'ValidatorListItem__Column ValidatorListItem__Column--Identifier'}
                   avatar={true}
                   copyButton={true}
-                  styles={['highlight-first']}
+                  styles={['highlight-both']}
                 >
                   {validator.proTxHash}
                 </Identifier>

diff --git a/packages/frontend/src/components/validators/ValidatorsTotal.js b/packages/frontend/src/components/validators/ValidatorsTotal.js
@@ -96,7 +96,7 @@ export default function ValidatorsTotal () {
                   link={epoch?.data?.bestValidator ? `/validator/${epoch?.data?.bestValidator}` : undefined}
                   className={'ValidatorsTotalCard__Value'}
                 >
-                  <Identifier avatar={true} copyButton={true} styles={['highlight-first']}>
+                  <Identifier avatar={true} copyButton={true} styles={['highlight-both']}>
                     {epoch.data.bestValidator}
                   </Identifier>
                 </ValueCard>