made search bar always in scale when user input/foused

1 files changed, 8 insertions, 0 deletions

diff --git a/src/js/getrepo.js b/src/js/getrepo.js
index 675a187c..bdc19599 100644
--- a/src/js/getrepo.js
+++ b/src/js/getrepo.js
@@ -128,6 +128,14 @@ filterInput.addEventListener('input', (e) => {
     }
 });
 
+filterInput.onfocus = event => {
+	filterInput.style.transform = "scale(1.1)"
+}
+
+filterInput.onblur = event => {
+	filterInput.style.transform = ""
+}
+
 // for programming language icons
 const devicons = {
 	Git: '<i class="devicon-git-plain" style="color: #555"></i>',