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 | 6 | <div class="tabbable-custom nav-justified"> |
| 7 | 7 | <ul class="nav nav-tabs"> |
| 8 | 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 | 10 | </li> |
| 11 | 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 | 13 | </li> |
| 14 | 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 | 16 | </li> |
| 17 | 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 | 19 | </li> |
| 20 | 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 | 22 | </li> |
| 23 | 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 | 25 | </li> |
| 26 | 26 | </ul> |
| 27 | 27 | <div class="tab-content"> | ... | ... |
src/app/dashboard/dashboard.component.scss
| ... | ... | @@ -31,3 +31,20 @@ |
| 31 | 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 | 51 | \ No newline at end of file | ... | ... |