fix(icons): update demo for the nebular icons

This commit is contained in:
KostyaDanovsky 2017-09-15 14:05:54 +03:00
parent 4d02509c83
commit 98a8a8d603
3 changed files with 28 additions and 18 deletions

View file

@ -1,6 +1,6 @@
<div class="row">
<div class="col-md-12 col-lg-6">
<nb-card>
<nb-card class="nb-icons">
<nb-card-header>
Nebular
</nb-card-header>

View file

@ -6,12 +6,15 @@
font-size: 1.25rem;
}
:host {
nb-card-body {
padding: 0;
}
nb-card-footer {
text-align: right;
}
.nb-icons .icon {
padding: 0.75rem 0;
font-size: 1.75rem;
}
nb-card-body {
padding: 0;
}
nb-card-footer {
text-align: right;
}

View file

@ -9,15 +9,22 @@ export class IconsComponent {
icons = {
nebular: ['nb-alert', 'nb-angle-double-left', 'nb-angle-double-right', 'nb-arrow-back', 'nb-arrow-dropdown',
'nb-arrow-left', 'nb-arrow-retweet', 'nb-audio', 'nb-bar-chart', 'nb-checkmark', 'nb-cloudy', 'nb-coffee-maker',
'nb-compose', 'nb-create', 'nb-email', 'nb-flame', 'nb-gear', 'nb-grid-a', 'nb-grid-b', 'nb-heart', 'nb-home',
'nb-keypad', 'nb-layout-centre', 'nb-layout-default', 'nb-layout-one-column', 'nb-layout-sidebar-left',
'nb-layout-sidebar-right', 'nb-layout-two-column', 'nb-lightbulb', 'nb-list', 'nb-location', 'nb-locked',
'nb-loop', 'nb-menu', 'nb-notifications', 'nb-paper-plane', 'nb-partlysunny', 'nb-pause', 'nb-person',
'nb-phone', 'nb-play', 'nb-plus', 'nb-plus-circled', 'nb-power', 'nb-rainy', 'nb-roller-shades', 'nb-search',
'nb-shuffle', 'nb-skip-backward', 'nb-skip-forward', 'nb-snowy', 'nb-square', 'nb-star', 'nb-sunny', 'nb-tables',
'nb-title', 'nb-trash', 'nb-volume-high', 'nb-volume-mute'],
nebular: ['nb-roller-shades', 'nb-alert', 'nb-angle-double-left', 'nb-angle-double-right', 'nb-arrow-down',
'nb-arrow-dropdown', 'nb-arrow-dropleft', 'nb-arrow-dropright', 'nb-arrow-dropup', 'nb-arrow-left',
'nb-arrow-retweet', 'nb-arrow-right', 'nb-arrow-thin-down', 'nb-arrow-thin-left', 'nb-arrow-thin-right',
'nb-arrow-thin-up', 'nb-arrow-up', 'nb-audio', 'nb-bar-chart', 'nb-checkmark', 'nb-chekmark',
'nb-chevron-down', 'nb-chevron-down-outline', 'nb-chevron-left', 'nb-chevron-left-outline',
'nb-chevron-right', 'nb-chevron-right-outline', 'nb-chevron-up', 'nb-chevron-up-outline', 'nb-close',
'nb-close-circled', 'nb-cloudy', 'nb-coffee-maker', 'nb-compose', 'nb-edit', 'nb-email',
'nb-flame-circled', 'nb-gear', 'nb-grid-a', 'nb-grid-a-outline', 'nb-grid-b', 'nb-grid-b-outline',
'nb-heart', 'nb-home', 'nb-keypad', 'nb-layout-centre', 'nb-layout-default', 'nb-layout-one-column',
'nb-layout-sidebar-left', 'nb-layout-sidebar-right', 'nb-layout-two-column', 'nb-lightbulb', 'nb-list',
'nb-location', 'nb-locked', 'nb-loop-circled', 'nb-menu', 'nb-notifications', 'nb-paper-plane',
'nb-partlysunny', 'nb-pause', 'nb-pause-outline', 'nb-person', 'nb-phone', 'nb-play', 'nb-play-outline',
'nb-plus', 'nb-plus-circled', 'nb-power', 'nb-rainy', 'nb-search', 'nb-shuffle', 'nb-skip-backward',
'nb-skip-backward-outline', 'nb-skip-forward', 'nb-skip-forward-outline', 'nb-snowy-circled', 'nb-square',
'nb-square-outline', 'nb-star', 'nb-sunny', 'nb-sunny-circled', 'nb-tables', 'nb-title', 'nb-trash',
'nb-volume-high', 'nb-volume-mute'],
ionicons: [
'ion-ionic', 'ion-arrow-right-b', 'ion-arrow-down-b', 'ion-arrow-left-b', 'ion-arrow-up-c', 'ion-arrow-right-c',