chore(docs): update header link

This commit is contained in:
katebatura 2021-12-02 15:39:41 +03:00
parent 3ae381fe8b
commit b9640ffeeb
5 changed files with 89 additions and 4 deletions

View file

@ -12,10 +12,6 @@
<nb-menu [items]="headerMenu"></nb-menu> <nb-menu [items]="headerMenu"></nb-menu>
<ng-content></ng-content> <ng-content></ng-content>
</div> </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>
<div class="section right"> <div class="section right">

View file

@ -3,6 +3,11 @@
<ngx-landing-header> <ngx-landing-header>
<ngx-material-theme-link withPopover></ngx-material-theme-link> <ngx-material-theme-link withPopover></ngx-material-theme-link>
</ngx-landing-header> </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-header>
<nb-layout-column> <nb-layout-column>

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) { @include media-breakpoint-down(xl) {
nb-layout-header ::ng-deep nav { nb-layout-header ::ng-deep nav {
@ -76,5 +100,20 @@
height: 3.75rem; 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;
}
}
} }

View file

@ -3,6 +3,11 @@
<ngx-landing-header> <ngx-landing-header>
<ngx-material-theme-link></ngx-material-theme-link> <ngx-material-theme-link></ngx-material-theme-link>
</ngx-landing-header> </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-header>
<nb-layout-column class="main-section"> <nb-layout-column class="main-section">

View file

@ -25,10 +25,50 @@
margin: 0 auto; 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) { @include media-breakpoint-down(is) {
ngx-material-features { ngx-material-features {
max-width: 100%; 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;
}
}
} }