Commit b19e46d092fdeac949a4bf4ee0419ce1f5b50498
1 parent
db16e260
Exists in
master
add search input
Showing
2 changed files
with
12 additions
and
9 deletions
Show diff stats
src/app/dashboard/dashboard.component.html
| @@ -19,9 +19,11 @@ | @@ -19,9 +19,11 @@ | ||
| 19 | <div class="caption"> | 19 | <div class="caption"> |
| 20 | <h1 class="icon-bubble font-green-sharp"> | 20 | <h1 class="icon-bubble font-green-sharp"> |
| 21 | <span class="caption-subject font-green-sharp sbold font"> Active</span> | 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 | </h1> | 27 | </h1> |
| 26 | <hr> | 28 | <hr> |
| 27 | </div> | 29 | </div> |
src/app/dashboard/dashboard.component.scss
| @@ -23,14 +23,15 @@ | @@ -23,14 +23,15 @@ | ||
| 23 | padding: 30px; | 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 | .font { | 30 | .font { |
| 35 | font-family: "Open Sans",sans-serif; | 31 | font-family: "Open Sans",sans-serif; |
| 36 | } | 32 | } |
| 33 | + | ||
| 34 | +.position { | ||
| 35 | + position: absolute; | ||
| 36 | + right: 15px; | ||
| 37 | +} |