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

chore(docs): update header link (#5910)

Browse source
This commit is contained in:
Kate 2021-12-03 13:21:42 +03:00 • committed by GitHub
parent a8bb387e80
commit 106b06da06
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 92 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/app/@theme/components/header/header.component.html
View file

@ -12,10 +12,6 @@
<nb-menu [items]="headerMenu"></nb-menu>
<ng-content></ng-content>
</div>
<a target="_blank" href="https://uibakery.io/?utm_source=akveogithub&utm_medium=header&utm_campaign=ngxadmin"
fragment="backend-bundles" class="backend-bundles eva-parent-hover">
<span>Build admin panels faster than ever</span>
</a>
</div>
<div class="section right">

3
docs/app/@theme/components/header/header.component.scss
View file

@ -8,6 +8,7 @@
@import '~@nebular/theme/styles/global/breakpoints';
@include nb-install-component() {
$left-section-width: nb-theme(sidebar-width);
$right-section-width: nb-theme(settings-col-width);
$logo-fg: nb-theme(header-text-color);
@ -171,6 +172,7 @@
}
@include media-breakpoint-up(lg) {
::ng-deep nb-menu .menu-items {
justify-content: flex-start;
@ -184,6 +186,7 @@
}
@include media-breakpoint-up(xl) {
margin-left: 6% !important;
.sidebar-toggle {
display: none;
}

5
docs/app/pages/home/landing-home.component.html
View file

@ -3,6 +3,11 @@
<ngx-landing-header>
<ngx-material-theme-link withPopover></ngx-material-theme-link>
</ngx-landing-header>
<a target="_blank" href="https://uibakery.io/?utm_source=akveogithub&utm_medium=header&utm_campaign=ngxadmin"
class="btn btn-green">
<span>Build admin panels faster than ever</span>
</a>
</nb-layout-header>
<nb-layout-column>

39
docs/app/pages/home/landing-home.component.scss
View file

@ -55,6 +55,30 @@
}
}
.btn {
font-family: nb-theme(font-main), sans-serif;
border-radius: 3px;
border: none;
background-color: nb-theme(color-active-fg);
color: #ffffff;
padding: 1rem;
margin-right: 6%!important;
box-shadow: nb-theme(shadow-btn);
cursor: pointer;
text-transform: uppercase;
&:hover {
box-shadow: nb-theme(shadow-hover-green-btn);
}
&:active {
box-shadow: nb-theme(shadow-active-green-btn);
}
&.btn-download {
margin-left: 1em;
}
}
@include media-breakpoint-down(xl) {
nb-layout-header ::ng-deep nav {
@ -76,5 +100,20 @@
height: 3.75rem;
}
}
@include media-breakpoint-down(lg) {
.btn {
font-size: 0.7rem;
padding-bottom: 1rem;
padding-top: 1rem;
margin: 0!important;
}
}
@include media-breakpoint-down(md) {
.btn {
display: none;
}
}
}

5
docs/app/pages/home/material-landing/material-landing.component.html
View file

@ -3,6 +3,11 @@
<ngx-landing-header>
<ngx-material-theme-link></ngx-material-theme-link>
</ngx-landing-header>
<a target="_blank" href="https://uibakery.io/?utm_source=akveogithub&utm_medium=header&utm_campaign=ngxadmin"
class="btn">
<span>Build admin panels faster than ever</span>
</a>
</nb-layout-header>
<nb-layout-column class="main-section">

40
docs/app/pages/home/material-landing/material-landing.component.scss
View file

@ -25,10 +25,50 @@
margin: 0 auto;
}
.btn {
font-family: nb-theme(font-main), sans-serif;
border-radius: 3px;
border: none;
background-color: #ffffff!important;
color: nb-theme(color-active-fg) !important;
padding: 1rem;
margin-right: 6% !important;
box-shadow: nb-theme(shadow-btn);
cursor: pointer;
text-transform: uppercase;
&:hover {
box-shadow: nb-theme(shadow-hover-btn);
}
&:active {
box-shadow: nb-theme(shadow-active-btn);
}
&.btn-download {
margin-left: 1em;
}
}
@include media-breakpoint-down(is) {
ngx-material-features {
max-width: 100%;
}
}
@include media-breakpoint-down(lg) {
.btn {
font-size: 0.7rem;
padding-bottom: 1rem;
padding-top: 1rem;
margin: 0!important;
}
}
@include media-breakpoint-down(md) {
.btn {
display: none;
}
}
}