add search input

trainee
1 parent db16e260
Showing 2 changed files with 12 additions and 9 deletions Show diff stats
src/app/dashboard/dashboard.component.html
src/app/dashboard/dashboard.component.scss
@@ -19,9 +19,11 @@
       <div class="caption">
         <h1 class="icon-bubble font-green-sharp">
           <span class="caption-subject font-green-sharp sbold font"> Active</span>
-          
-          <input type="text" placeholder="Search.." >
-          
+          <div class="input-icon right">
+            <i class="icon-magnifier">
+            </i>
+            <input type="text" placeholder="Search.." class="form-control sbold font">
+          </div>
         </h1>
         <hr>
       </div>
@@ -23,14 +23,15 @@
   padding: 30px;
 }
  
-.radius {
-  width: 60%;
-  height: 25px;
-  margin: 0 auto;
-  border: 1px solid black;
-  border-radius: 10px
+.form-control {
+  outline: 0 !important;
 }
  
 .font {
   font-family: "Open Sans",sans-serif;
 }
+
+.position {
+  position: absolute;
+  right: 15px;
+}
...	...	@@ -19,9 +19,11 @@
19	19	<div class="caption">
20	20	<h1 class="icon-bubble font-green-sharp">
21	21	<span class="caption-subject font-green-sharp sbold font"> Active</span>
22		-
23		- <input type="text" placeholder="Search.." >
24		-
	22	+ <div class="input-icon right">
	23	+ <i class="icon-magnifier">
	24	+ </i>
	25	+ <input type="text" placeholder="Search.." class="form-control sbold font">
	26	+ </div>
25	27	</h1>
26	28	<hr>
27	29	</div>
...	...
...	...	@@ -23,14 +23,15 @@
23	23	padding: 30px;
24	24	}
25	25
26		-.radius {
27		- width: 60%;
28		- height: 25px;
29		- margin: 0 auto;
30		- border: 1px solid black;
31		- border-radius: 10px
	26	+.form-control {
	27	+ outline: 0 !important;
32	28	}
33	29
34	30	.font {
35	31	font-family: "Open Sans",sans-serif;
36	32	}
	33	+
	34	+.position {
	35	+ position: absolute;
	36	+ right: 15px;
	37	+}
...	...