Made the placeholder text in the search bar to be visible properly

gunjjoshi · gunjjoshi · commit 4c53bc7d3a73 · 2023-11-08T10:59:04.000+05:30
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -71,6 +71,7 @@
     "react-dom": "^17.0.2",
     "react-helmet": "^6.1.0",
     "react-intl": "^5.25.1",
+    "react-refresh": "^0.14.0",
     "remark-slug": "^6.1.0",
     "remark-unwrap-images": "^2.1.0",
     "title-case": "^3.0.3"
diff --git a/src/components/SearchBar.js b/src/components/SearchBar.js
@@ -23,7 +23,7 @@ const SearchBar = ({ className }) => {
     if (searchTerm) {
       window.open(
         'https://www.google.com/search?as_sitesearch=processing.org&as_q=' +
-          searchTerm,
+        searchTerm,
         '_blank'
       );
     }
diff --git a/src/components/SearchBar.module.css b/src/components/SearchBar.module.css
@@ -23,6 +23,7 @@
 .input::placeholder {
   color: var(--darkgray);
   opacity: 1;
+  padding-top: 7px;
 }
 
 .searchBar {

Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@ const SearchBar = ({ className }) => {`
`23`	`23`	`if (searchTerm) {`
`24`	`24`	`window.open(`
`25`	`25`	`'https://www.google.com/search?as_sitesearch=processing.org&as_q=' +`
`26`		`- searchTerm,`
	`26`	`+ searchTerm,`
`27`	`27`	`'_blank'`
`28`	`28`	`);`
`29`	`29`	`}`