Updated Searchbar on Home Page

UseInterstellar · Dec 4, 2023 · f909270 · f909270 · hop-deploy · Dec 4, 2023
1 parent b69119d
commit f909270
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 13 deletions.
diff --git a/static/css/home.css b/static/css/home.css
@@ -48,30 +48,30 @@ body {
 	justify-content: center;
 	align-items: center;
 }
-.searchbar {
+.search {
     top:-15vh;
-    padding: 1vw;
-    width: 45vh;
+    padding: 18px;
+    width: 600px;
 	position: relative;
     border-radius: 5px;
     background: #353535;
-    text-align: center;
-    font-size: 24px;
+    text-align: left;
+    font-size: 20px;
     border: none;
     outline: none;
     color: white;
 	transition: 0.2s;
 }
 @media (orientation: portrait) {
-	.searchbar {
+	.search {
 		top:-15vw;
-		padding: 1vw;
-		width: 45vw;
+		padding: 18px;
+		width: 600px;
 		position: relative;
 		border-radius: 5px;
 		background: #353535;
-		text-align: center;
-		font-size: 24px;
+		text-align: left;
+		font-size: 20px;
 		border: none;
 		outline: none;
 		color: white;

diff --git a/static/index.html b/static/index.html
@@ -31,12 +31,10 @@
   <div class="main">
     <h2 class="title">Interstellar</h2>
     <form method="POST">
-      <input class="searchbar" tag="searchbar" id="searchbar" placeholder="Search"/>
+      <input class="search" placeholder="Search with Google or enter address"/>
     </form>
     </div>
   </div>
-    <!--- Advertisement Start-->
-    <!-- Advertisement End-->
   <script src="scripts/learning.js"></script>
   <script src="./contact/mathematics.js"></script>
   <script src="./contact/geography.js"></script>