Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 15:40:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(dashboard): change icons on the status cards

Browse source
This commit is contained in:
KostyaDanovsky 2017-08-30 18:39:31 +03:00
parent 9b7af69dd3
commit 26f788a497
2 changed files with 6 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/app/pages/dashboard/dashboard.component.html
View file

@ -1,25 +1,25 @@
<div class="row">
<div class="col-lg-3">
<ngx-status-card title="Light" type="primary">
<i class="ion-ios-lightbulb-outline"></i>
<i class="nb-lightbulb"></i>
</ngx-status-card>
</div>
<div class="col-lg-3">
<ngx-status-card title="Roller Shades" type="success">
<i class="ion-ios-photos-outline"></i>
<i class="nb-roller-shades"></i>
</ngx-status-card>
</div>
<div class="col-lg-3">
<ngx-status-card title="Wireless Audio" type="info">
<i class="ion-ios-game-controller-b-outline"></i>
<i class="nb-audio"></i>
</ngx-status-card>
</div>
<div class="col-lg-3">
<ngx-status-card title="Coffee Maker" type="warning">
<i class="ion-ios-lightbulb-outline"></i>
<i class="nb-coffee-maker"></i>
</ngx-status-card>
</div>
</div>

27
src/app/pages/dashboard/status-card/status-card.component.scss
View file

@ -25,7 +25,7 @@
justify-content: center;
width: 5.75rem;
height: 4.75rem;
font-size: 3.5rem;
font-size: 3rem;
border-radius: nb-theme(card-border-radius);
transition: all 0.1s ease-out, color 0s;
color: nb-theme(color-white);
@ -67,29 +67,6 @@
}
}
&:active {
box-shadow: none;
background: nb-theme(card-bg);
.icon {
&.primary, &.success, &.info, &.warning {
box-shadow: none;
}
&.primary {
background-image: btn-hero-primary-dark-gradient();
}
&.success {
background-image: btn-hero-success-dark-gradient();
}
&.info {
background-image: btn-hero-info-dark-gradient();
}
&.warning {
background-image: btn-hero-warning-dark-gradient();
}
}
}
&.off {
color: nb-theme(card-fg);
@ -145,7 +122,7 @@
.icon {
width: 7rem;
height: 100%;
font-size: 4em;
font-size: 3.5rem;
border-radius: nb-theme(card-border-radius) 0 0 nb-theme(card-border-radius);
}