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',
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[]> {

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

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

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

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