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

feat(docs): added get premium modal in landing

Browse source 
fix(docs): fixed styles for get download modal
This commit is contained in:
Sergey Filinsky 2020-10-07 17:38:19 +03:00
parent 780e230503
commit b72fb30dd1
13 changed files with 287 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

3
docs/app/shared/components/premium/premium.component.html Normal file
View file

@ -0,0 +1,3 @@
<button (click)="openDialog()" class="btn btn-download">
Get ngx-admin PREMIUM for 89$
</button>

60
docs/app/shared/components/premium/premium.component.scss Normal file
View file

@ -0,0 +1,60 @@
/**
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
@import '../../../@theme/styles/themes';
@import '~@nebular/theme/styles/global/breakpoints';
@include nb-install-component() {
.btn {
display: block;
font-family: nb-theme(font-main), sans-serif;
border-radius: 3px;
border: none;
background: #ffffff;
color: #000000;
padding: 1.125rem 0;
box-shadow: nb-theme(shadow-default);
cursor: pointer;
text-transform: uppercase;
&.btn-download {
margin-left: 1em;
color: #ffffff;
background-color: nb-theme(color-active-fg);
box-shadow: nb-theme(shadow-btn);
&:hover {
box-shadow: nb-theme(shadow-hover-green-btn);
}
&:active {
box-shadow: nb-theme(shadow-active-green-btn);
}
}
&.btn-download {
margin-left: 0;
margin-top: 1rem;
width: 100%;
}
&:hover {
box-shadow: nb-theme(shadow-hover-btn);
}
&:active {
box-shadow: nb-theme(shadow-active-btn);
}
}
@include media-breakpoint-down(md) {
.btn {
font-size: 0.7rem;
padding-bottom: 1rem;
padding-top: 1rem;
}
}
}

26
docs/app/shared/components/premium/premium.component.ts Normal file
View file

@ -0,0 +1,26 @@
/**
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
import { Component } from '@angular/core';
import {NbDialogService} from '@nebular/theme';
import {PremiumFormComponent} from '../premium-form/premium-form.component';
@Component({
selector: 'ngx-premium',
templateUrl: './premium.component.html',
styleUrls: ['./premium.component.scss'],
})
export class PremiumComponent {
constructor(private dialogService: NbDialogService) {
}
openDialog() {
this.dialogService.open(PremiumFormComponent);
}
}