Merge pull request #106 from multiversx/development

Development
multiversx · Jun 7, 2024 · 507eec6 · 507eec6
2 parents d2fa364 + f19ee23
commit 507eec6
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git a/src/assets/scss/components/_components.scss b/src/assets/scss/components/_components.scss
@@ -25,6 +25,7 @@
 @import '../../../components/ProgressRing/progressRing.styles.scss';
 @import '../../../components/ProvidersTable/providersTable.styles.scss';
 @import '../../../components/PulsatingLed/pulsatingLed.styles.scss';
+@import '../../../components/Search/search.styles.scss';
 @import '../../../components/Select/select.styles.scss';
 @import '../../../components/ShardList/shardList.styles.scss';
 @import '../../../components/SharedIdentity/IdentityAvatar/identityAvatar.styles.scss';

diff --git a/src/components/Search/Search.tsx b/src/components/Search/Search.tsx
@@ -41,14 +41,14 @@ export const Search = ({ className }: WithClassnameType) => {
           <input
             type='text'
             className='form-control text-truncate'
-            placeholder='Search for an address, transaction/block hash, validator key or token id'
+            placeholder='Search for an address, @herotag, transaction/block hash, validator key or token id'
             name='requestType'
             data-testid='search'
             required
             value={searchHash}
             onChange={handleChange}
             onKeyDown={handleKeyDown}
-            aria-label='Search for an address, transaction/block hash, validator key or token id'
+            aria-label='Search for an address, @herotag, transaction/block hash, validator key or token id'
             aria-describedby='search-addon'
           />
           <button

diff --git a/src/components/Search/search.styles.scss b/src/components/Search/search.styles.scss
@@ -0,0 +1,5 @@
+.main-search {
+  input::placeholder {
+    font-size: 0.844rem;
+  }
+}
diff --git a/src/widgets/HeroHome/heroHome.styles.scss b/src/widgets/HeroHome/heroHome.styles.scss
@@ -20,6 +20,9 @@
     }
   }
   .main-search {
+    input::placeholder {
+      font-size: 0.781rem;
+    }
     .form-control,
     .input-group-text {
       background-color: var(--neutral-900);