Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-02-24 08:54:06 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(demo): add free banner section

Browse source
This commit is contained in:
d.strigo 2020-06-16 11:08:01 +03:00
parent a7d1716fc6
commit a3e2cbf2af
10 changed files with 78 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

14
docs/app/pages/home/free-banner-section/free-banner-section.component.html Normal file
View file

@ -0,0 +1,14 @@
<div class="free-banner-container">
<a href="https://hubs.ly/H0rvhWC0"
target="_blank">
<img class="free-banner-img"
defaultImage="{{bannerImg}}"
lazyLoad="{{bannerImg}}"/>
</a>
<a class="link-to-free-bundle"
href="{{bundleUrl}}"
target="_blank">
Download free admin dashboard with .NET backend
</a>
</div>

29
docs/app/pages/home/free-banner-section/free-banner-section.component.scss Normal file
View file

@ -0,0 +1,29 @@
/**
* @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';
@include nb-install-component() {
display: block;
padding-top: 5.125rem;
.free-banner-container {
display: flex;
flex-direction: column;
align-items: center;
}
img {
width: 100%;
}
.link-to-free-bundle {
margin-top: 2rem;
font-size: 1.2rem;
color: nb-theme(color-link);
}
}

19
docs/app/pages/home/free-banner-section/free-banner-section.component.ts Normal file
View file

@ -0,0 +1,19 @@
/**
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
import { Component, Input } from '@angular/core';
@Component({
selector: 'ngx-free-banner-section',
templateUrl: './free-banner-section.component.html',
styleUrls: ['./free-banner-section.component.scss'],
})
export class FreeBannerSectionComponent {
@Input() bannerImg: string;
@Input() bundleUrl: string;
}