Merge pull request #136 from Ayushmaanagarwal1211/Search-Bar

Search bar
recodehive · Aug 6, 2024 · 89a96b2 · 89a96b2
2 parents 8e0274a + 3577619
commit 89a96b2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -93,6 +93,8 @@ <h1 class="main-heading">Awesome GitHub Profile READMEs</h1>
           class="search-input"
           placeholder="Search Nickname or Username..."
         />
+              <i class="fas fa-search" style="position: relative;right: 40px;"></i>
+
       </div>
       <div class="no-profiles-message"><h2>No profiles found</h2></div>
 
@@ -144,4 +146,4 @@ <h5>
     <script src="retriveprofile.js"></script>
     <script src="dark-mode.js"></script>
   </body>
-</html>
+</html>
diff --git a/styles.css b/styles.css
@@ -44,14 +44,19 @@ body {
     margin-bottom: 20px;
   }
 
-  .search-input {
-    width: 50%;
+.search-input {
+    width: 259px;
     padding: 15px;
     font-size: 16px;
     border: 2px solid #ddd;
     border-radius: 25px;
     box-shadow: none;
-    transition: border-color 0.3s ease, box-shadow 0.3s ease;
+    transition: border-color 0.3s ease, box-shadow 0.3s ease,all 0.3s;;
+  }
+  .search-input:focus{
+    width: 50%;
+    outline: none;
+    transition: all 0.3s;
   }
 
   .search-input:hover,