Add material theme for material landing page

This commit is contained in:
eugene-sinitsyn 2020-03-12 17:41:53 +03:00 committed by Sergey Andrievskiy
parent a962c248a5
commit 64d6a5a23d
4 changed files with 49 additions and 5 deletions

View file

@ -37,7 +37,7 @@
::ng-deep nb-layout-header {
box-shadow: nb-theme(shadow-default);
background: nb-theme(header-bg);
nav {
ngx-landing-header {
max-width: calc(#{$content-width} - 8.125rem * 2);
margin: 0 auto;
}
@ -48,9 +48,9 @@
background-color: nb-theme(color-white);
box-shadow: nb-theme(shadow-default);
nav {
ngx-landing-footer {
max-width: $content-width;
width: 100%;
justify-content: space-evenly;
margin: 0 auto;
}
}

View file

@ -0,0 +1,15 @@
@import '../../../@theme/styles/themes';
@include nb-install-component() {
::ng-deep {
.version {
color: nb-theme(color-basic-500) !important;
}
ngx-landing-footer{
.h6, .copy {
color: #ffffff !important;
}
}
}
}

View file

@ -1,4 +1,5 @@
import { Component } from '@angular/core';
import { NbThemeService } from '@nebular/theme';
@Component({
selector: 'ngx-material-landing',
@ -8,4 +9,8 @@ import { Component } from '@angular/core';
'../landing-home.component.scss'
]
})
export class MaterialLandingComponent {}
export class MaterialLandingComponent {
constructor(private themeService: NbThemeService) {
this.themeService.changeTheme('ngx-landing-material');
}
}