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

feat: added demo button to header

Browse source 
feat: changed buttons in landing's main section
This commit is contained in:
Sergey Filinsky 2020-10-28 22:24:15 +03:00
parent 90d8b9b249
commit eef17a8daf
3 changed files with 22 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/app/@core/data/service/header-menu.service.ts
View file

@ -15,6 +15,10 @@ export class HeaderMenuService {
title: 'Docs', title: 'Docs',
link: '/docs', link: '/docs',
}, },
{
title: 'Demo',
url: 'https://www.akveo.com/ngx-admin?utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_section',
},
]; ];
getHeaderMenu(): Observable<NbMenuItem[]> { getHeaderMenu(): Observable<NbMenuItem[]> {

19
docs/app/pages/home/main-info-section/main-info-section.component.html
View file

@ -30,22 +30,21 @@
</div> </div>
<div class="buttons"> <div class="buttons">
<div class="buttons-links"> <div class="buttons-links">
<a class="btn btn-installation-guidelines"
[routerLink]="'/docs/getting-started/installation-guidelines'">
Installation Docs
</a>
<a class="btn btn-demo" <a class="btn btn-demo"
href="https://www.akveo.com/ngx-admin/pages/dashboard?utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_section" href="https://www.akveo.com/ngx-admin/pages/dashboard?utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_section"
target="_blank"> target="_blank">
Demo Demo
</a> </a>
<button (click)="openDownloadDialog()" class="btn btn-download">
Download
</button>
</div> </div>
<button (click)="openDownloadDialog()" class="btn btn-download"> <a href="https://store.akveo.com/pages/ngx-admin-premium?utm_source=ngx_admin&utm_medium=referral&utm_campaign=ngx-admin_premium"
Download target="_blank"
</button> class="btn btn-premium btn-green"
<button (click)="openDownloadPremiumDialog()" class="btn btn-download-premium"> >
Get ngx-admin PREMIUM for 89$ ngx-admin Premium
</button> </a>
</div> </div>
</div> </div>

28
docs/app/pages/home/main-info-section/main-info-section.component.scss
View file

@ -110,7 +110,13 @@
} }
.buttons { .buttons {
display: flex;
flex-direction: column;
margin-top: 1.875rem; margin-top: 1.875rem;
& > *:nth-child(n+2) {
margin-top: 1rem;
}
} }
.buttons-links { .buttons-links {
@ -133,9 +139,7 @@
cursor: pointer; cursor: pointer;
text-transform: uppercase; text-transform: uppercase;
&.btn-demo, &.btn-green {
&.btn-download,
&.btn-download-premium {
color: #ffffff; color: #ffffff;
background-color: nb-theme(color-active-fg); background-color: nb-theme(color-active-fg);
box-shadow: nb-theme(shadow-btn); box-shadow: nb-theme(shadow-btn);
@ -157,13 +161,12 @@
box-shadow: nb-theme(shadow-active-btn); box-shadow: nb-theme(shadow-active-btn);
} }
&.btn-demo { &.btn-download {
margin-left: 1em; margin-left: 1em;
} }
} }
.btn-download, .btn-premium {
.btn-download-premium {
margin-top: 1rem; margin-top: 1rem;
width: 100%; width: 100%;
} }
@ -284,19 +287,6 @@
.buttons { .buttons {
padding-right: 1rem; padding-right: 1rem;
padding-left: 1rem; padding-left: 1rem;
a {
display: block;
margin: 0;
&.btn-demo {
margin-top: 1rem;
}
}
}
.buttons-links {
display: block;
} }
} }
} }