added the search component

trojan782 · trojan782 · commit 682c4d461dd0 · 2021-09-06T01:22:23.000+01:00
diff --git a/src/components/shared/Header.vue b/src/components/shared/Header.vue
@@ -76,7 +76,7 @@
 				<router-link
 					to="/blog"
 					class="block text-left text-lg font-medium text-primary-dark dark:text-ternary-light hover:text-secondary-dark dark:hover:text-secondary-light  md:mx-2 mb-2 sm:py-3"
-					>Blog</router-link
+					>Search</router-link
 				>
 			</div>
 			<div
diff --git a/src/views/Blog.vue b/src/views/Blog.vue
@@ -1,6 +1,13 @@
 <template>
   <div>
-  <h1>Blog Coming Soon...</h1>
+ <div class="flex items-center justify-center ">
+    <div class="flex border-2 border-gray-200 rounded">
+        <input type="text" class="px-4 py-2 w-80" placeholder="Search Todo...">
+        <button class="px-4 text-white bg-gray-600 border-l ">
+            Search 
+        </button>
+    </div>
+</div>
   </div>
 </template>
 

Original file line number	Diff line number	Diff line change
`@@ -76,7 +76,7 @@`
`76`	`76`	`<router-link`
`77`	`77`	`to="/blog"`
`78`	`78`	`class="block text-left text-lg font-medium text-primary-dark dark:text-ternary-light hover:text-secondary-dark dark:hover:text-secondary-light md:mx-2 mb-2 sm:py-3"`
`79`		`- >Blog</router-link`
	`79`	`+ >Search</router-link`
`80`	`80`	`>`
`81`	`81`	`</div>`
`82`	`82`	`<div`