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

fix(dashboard): change icons to the nebular

Browse source
This commit is contained in:
KostyaDanovsky 2017-09-05 17:30:24 +03:00
parent 64982d17a4
commit 5555373167
6 changed files with 18 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/pages/dashboard/contacts/contacts.component.html
View file

@ -3,7 +3,7 @@
<nb-tab tabTitle="Contacts">
<div class="contact" *ngFor="let c of contacts">
<nb-user [picture]="c.user.picture" [name]="c.user.name" [title]="c.type" size="large"></nb-user>
<i class="i-contact ion-ios-telephone-outline"></i>
<i class="i-contact nb-phone"></i>
</div>
</nb-tab>
<nb-tab tabTitle="Recent">

2
src/app/pages/dashboard/contacts/contacts.component.scss
View file

@ -27,7 +27,7 @@
}
.i-contact {
font-size: 2.5rem;
font-size: 2rem;
cursor: pointer;
}

8
src/app/pages/dashboard/security-cameras/security-cameras.component.html
View file

@ -28,16 +28,16 @@
<nb-card-footer>
<nb-actions size="medium" fullWidth>
<nb-action>
<i class="ion-ios-pause-outline"></i><span>Pause</span>
<i class="nb-pause"></i><span>Pause</span>
</nb-action>
<nb-action>
<i class="ion-navicon"></i><span>Log View</span>
<i class="nb-list"></i><span>Log View</span>
</nb-action>
<nb-action>
<i class="ion-ios-search"></i><span>Search</span>
<i class="nb-search"></i><span>Search</span>
</nb-action>
<nb-action>
<i class="ion-ios-gear-outline"></i><span>Setup</span>
<i class="nb-gear"></i><span>Setup</span>
</nb-action>
</nb-actions>
</nb-card-footer>

2
src/app/pages/dashboard/security-cameras/security-cameras.component.scss
View file

@ -105,7 +105,7 @@
nb-action {
i {
color: nb-theme(color-fg);
font-size: 2.5rem;
font-size: 2rem;
margin-right: 1rem;
}

3
src/app/pages/dashboard/temperature/temperature.component.scss
View file

@ -101,10 +101,11 @@
height: 4.5rem;
padding: 0;
margin-bottom: 0;
color: nb-theme(color-fg);
&.active {
border-color: nb-theme(color-fg-highlight);
color: nb-theme(color-success);
color: nb-theme(color-fg-highlight);
}
i {

18
src/app/pages/pages-menu.ts
View file

@ -4,7 +4,7 @@ import { List } from 'immutable';
export const MENU_ITEMS: List<NbMenuItem> = List([{
title: 'Dashboard',
icon: 'ion ion-ios-home-outline',
icon: 'nb-home',
link: '/pages/dashboard',
home: true,
}, {
@ -12,7 +12,7 @@ export const MENU_ITEMS: List<NbMenuItem> = List([{
group: true,
}, {
title: 'UI Features',
icon: 'ion ion-ios-keypad-outline',
icon: 'nb-keypad',
link: '/pages/ui-features',
children: List<NbMenuItem>([{
title: 'Buttons',
@ -38,7 +38,7 @@ export const MENU_ITEMS: List<NbMenuItem> = List([{
}]),
}, {
title: 'Forms',
icon: 'ion-compose',
icon: 'nb-compose',
children: List<NbMenuItem>([{
title: 'Form Inputs',
link: '/pages/forms/inputs',
@ -48,7 +48,7 @@ export const MENU_ITEMS: List<NbMenuItem> = List([{
}]),
}, {
title: 'Components',
icon: 'ion ion-ios-gear-outline',
icon: 'nb-gear',
children: List<NbMenuItem>([{
title: 'Tree',
link: '/pages/components/tree',
@ -58,7 +58,7 @@ export const MENU_ITEMS: List<NbMenuItem> = List([{
}]),
}, {
title: 'Maps',
icon: 'ion ion-ios-location-outline',
icon: 'nb-location',
children: List<NbMenuItem>([{
title: 'Google Maps',
link: '/pages/maps/gmaps',
@ -71,7 +71,7 @@ export const MENU_ITEMS: List<NbMenuItem> = List([{
}]),
}, {
title: 'Charts',
icon: 'ion ion-arrow-graph-up-right',
icon: 'nb-bar-chart',
children: List<NbMenuItem>([{
title: 'Echarts',
link: '/pages/charts/echarts',
@ -84,7 +84,7 @@ export const MENU_ITEMS: List<NbMenuItem> = List([{
}]),
}, {
title: 'Editors',
icon: 'ion ion-edit',
icon: 'nb-title',
children: List<NbMenuItem>([{
title: 'TinyMCE',
link: '/pages/editors/tinymce',
@ -94,14 +94,14 @@ export const MENU_ITEMS: List<NbMenuItem> = List([{
}]),
}, {
title: 'Tables',
icon: 'ion-ios-grid-view',
icon: 'nb-tables',
children: List<NbMenuItem>([{
title: 'Smart Table',
link: '/pages/tables/smart-table',
}]),
}, {
title: 'Auth',
icon: 'ion-unlocked',
icon: 'nb-locked',
children: List<NbMenuItem>([{
title: 'Login',
link: '/auth/login',