Nebular
diff --git a/docs/app/@theme/components/page-tabs/page-tabs.component.scss b/docs/app/@theme/components/page-tabs/page-tabs.component.scss
index 071b33f37d..387f00de15 100644
--- a/docs/app/@theme/components/page-tabs/page-tabs.component.scss
+++ b/docs/app/@theme/components/page-tabs/page-tabs.component.scss
@@ -28,9 +28,15 @@
font-weight: 500;
}
- .icon {
- font-size: 1.5rem;
- padding-bottom: 1rem;
+ .text-container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+
+ ::ng-deep nb-icon {
+ font-size: 1.875rem;
+ margin-bottom: 1rem;
}
&.selected {
@@ -46,12 +52,6 @@
}
}
}
-
- .icon,
- .title {
- display: block;
- text-align: center;
- }
}
:host(.horizontal) {
@@ -62,19 +62,15 @@
padding: 0 1rem;
.title,
- .icon {
- display: inline;
- padding-bottom: 0;
- vertical-align: middle;
- }
-
- .icon {
+ ::ng-deep nb-icon {
+ margin-bottom: 1rem;
margin-right: 0.5rem;
}
}
.text-container {
- padding-bottom: 1.3rem;
+ flex-direction: row;
+ padding-bottom: 0;
}
.line {
@@ -87,6 +83,7 @@
a {
flex: 1 1 0;
+ margin-bottom: 0;
&.selected::after {
content: '';
diff --git a/docs/app/@theme/components/page-tabs/page-tabs.component.ts b/docs/app/@theme/components/page-tabs/page-tabs.component.ts
index 427f9b0c9c..596678b27e 100644
--- a/docs/app/@theme/components/page-tabs/page-tabs.component.ts
+++ b/docs/app/@theme/components/page-tabs/page-tabs.component.ts
@@ -15,7 +15,7 @@ import { Observable, of as observableOf, combineLatest } from 'rxjs';
template: `
-
+
{{ item.title }}
@@ -57,23 +57,23 @@ export class NgdPageTabsComponent implements OnDestroy {
{
tab: 'overview',
title: 'Overview',
- icon: 'feather-eye',
+ icon: 'eye-outline',
selected: true,
},
{
tab: 'api',
title: 'API',
- icon: 'feather-settings',
+ icon: 'settings-outline',
},
{
tab: 'theme',
title: 'Theme',
- icon: 'feather-droplet',
+ icon: 'droplet-outline',
},
{
tab: 'examples',
title: 'Examples',
- icon: 'feather-image',
+ icon: 'image-outline',
},
];
private alive = true;
diff --git a/docs/app/@theme/components/search/search.component.scss b/docs/app/@theme/components/search/search.component.scss
index 4da27fbd9f..baa997940c 100644
--- a/docs/app/@theme/components/search/search.component.scss
+++ b/docs/app/@theme/components/search/search.component.scss
@@ -18,7 +18,7 @@
}
}
- .icon {
+ nb-icon {
color: $fg;
position: absolute;
top: 50%;
diff --git a/docs/app/@theme/components/search/search.component.ts b/docs/app/@theme/components/search/search.component.ts
index 91f69e496d..0d69abe7cd 100644
--- a/docs/app/@theme/components/search/search.component.ts
+++ b/docs/app/@theme/components/search/search.component.ts
@@ -5,7 +5,7 @@ import { NB_WINDOW } from '@nebular/theme';
selector: 'ngd-search',
styleUrls: ['./search.component.scss'],
template: `
-
+
`,
changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/docs/app/@theme/styles/styles.scss b/docs/app/@theme/styles/styles.scss
index 5fe412de0e..5537857ffa 100644
--- a/docs/app/@theme/styles/styles.scss
+++ b/docs/app/@theme/styles/styles.scss
@@ -1,7 +1,6 @@
@import 'themes';
@import 'common';
@import 'small-social';
-@import 'feather';
@import '../../../../src/framework/theme/styles/global/normalize';
@import '../../../../src/framework/theme/styles/global/components';
@@ -16,6 +15,7 @@
@include nb-actions-theme();
@include nb-search-theme();
@include nb-bootstrap-global();
+ @include nb-icon-theme();
@include nb-typography();
diff --git a/docs/app/@theme/theme.module.ts b/docs/app/@theme/theme.module.ts
index 426ea75f78..971af1da0b 100644
--- a/docs/app/@theme/theme.module.ts
+++ b/docs/app/@theme/theme.module.ts
@@ -16,8 +16,11 @@ import {
NbSidebarModule,
NbCardModule,
NbCheckboxModule,
+ NbIconModule,
} from '@nebular/theme';
+import { NbEvaIconsModule } from '@nebular/eva-icons';
+
import {
NgdHeaderComponent,
NgdHeroComponent,
@@ -57,6 +60,8 @@ import {
NbCardModule,
NbMenuModule,
NbTabsetModule,
+ NbIconModule,
+ NbEvaIconsModule,
RouterModule,
],
declarations: [
@@ -77,6 +82,7 @@ import {
RouterModule,
ReactiveFormsModule,
FormsModule,
+ NbIconModule,
NbLayoutModule,
NbSidebarModule,
NbCardModule,
diff --git a/docs/app/blocks/components/live-example-block/live-example-block.component.html b/docs/app/blocks/components/live-example-block/live-example-block.component.html
index 3262fa2c4a..419c0e6445 100644
--- a/docs/app/blocks/components/live-example-block/live-example-block.component.html
+++ b/docs/app/blocks/components/live-example-block/live-example-block.component.html
@@ -6,20 +6,20 @@
-
+