Commit 5cafd510ecd239ee39915922690f337fe3c6cd0f
1 parent
8703c523
Exists in
master
notification(fic)
Showing
2 changed files
with
23 additions
and
6 deletions
Show diff stats
src/app/dashboard/dashboard.component.html
| @@ -6,22 +6,22 @@ | @@ -6,22 +6,22 @@ | ||
| 6 | <div class="tabbable-custom nav-justified"> | 6 | <div class="tabbable-custom nav-justified"> |
| 7 | <ul class="nav nav-tabs"> | 7 | <ul class="nav nav-tabs"> |
| 8 | <li class="active sbold font"> | 8 | <li class="active sbold font"> |
| 9 | - <a href="#tab1" data-toggle="tab" aria-expanded="true">ติดตั้ง</a> | 9 | + <a href="#tab1" data-toggle="tab" aria-expanded="true">ติดตั้ง <span class="badge"> 5 </span></a> |
| 10 | </li> | 10 | </li> |
| 11 | <li class="sbold"> | 11 | <li class="sbold"> |
| 12 | - <a href="#tab2" data-toggle="tab" aria-expanded="false">RND</a> | 12 | + <a href="#tab2" data-toggle="tab" aria-expanded="false">RND <span class="badge"> 3 </span></a> |
| 13 | </li> | 13 | </li> |
| 14 | <li class="sbold"> | 14 | <li class="sbold"> |
| 15 | - <a href="#tab3" data-toggle="tab" aria-expanded="false">SDE+SDN</a> | 15 | + <a href="#tab3" data-toggle="tab" aria-expanded="false">SDE+SDN <span class="badge"> 10 </span></a> |
| 16 | </li> | 16 | </li> |
| 17 | <li class="sbold"> | 17 | <li class="sbold"> |
| 18 | - <a href="#tab4" data-toggle="tab" aria-expanded="false">AP Down</a> | 18 | + <a href="#tab4" data-toggle="tab" aria-expanded="false">AP Down <span class="badge"> 60 </span></a> |
| 19 | </li> | 19 | </li> |
| 20 | <li class="sbold"> | 20 | <li class="sbold"> |
| 21 | - <a href="#tab5" data-toggle="tab" aria-expanded="false">BNW+NDS+NED+NES+NET</a> | 21 | + <a href="#tab5" data-toggle="tab" aria-expanded="false">BNW+NDS+NED+NES+NET <span class="badge"> 19 </span></a> |
| 22 | </li> | 22 | </li> |
| 23 | <li class="sbold"> | 23 | <li class="sbold"> |
| 24 | - <a href="#tab6" data-toggle="tab" aria-expanded="false">CUS</a> | 24 | + <a href="#tab6" data-toggle="tab" aria-expanded="false">CUS <span class="badge"> 1 </span></a> |
| 25 | </li> | 25 | </li> |
| 26 | </ul> | 26 | </ul> |
| 27 | <div class="tab-content"> | 27 | <div class="tab-content"> |
src/app/dashboard/dashboard.component.scss
| @@ -31,3 +31,20 @@ | @@ -31,3 +31,20 @@ | ||
| 31 | font-family: "Open Sans",sans-serif; | 31 | font-family: "Open Sans",sans-serif; |
| 32 | } | 32 | } |
| 33 | 33 | ||
| 34 | +.badge { | ||
| 35 | + font-size: 11px!important; | ||
| 36 | + font-weight: 300; | ||
| 37 | + height: 18px; | ||
| 38 | + color: #fff; | ||
| 39 | + background-color:#32c5d2; | ||
| 40 | + padding: 3px 6px; | ||
| 41 | + -webkit-border-radius: 12px!important; | ||
| 42 | + -moz-border-radius: 12px!important; | ||
| 43 | + border-radius: 12px!important; | ||
| 44 | + text-shadow: none!important; | ||
| 45 | + text-align: center; | ||
| 46 | + vertical-align: middle; | ||
| 47 | + position: absolute; | ||
| 48 | + top: 4px; | ||
| 49 | + right: 0px; | ||
| 50 | +} | ||
| 34 | \ No newline at end of file | 51 | \ No newline at end of file |