fix(docs): header fonts and material theme link

This commit is contained in:
Alex 2020-04-01 11:51:28 +03:00 committed by Sergey Andrievskiy
parent 5df57350e1
commit 7a1c74cb18
7 changed files with 56 additions and 23 deletions

View file

@ -8,8 +8,10 @@
</div>
</div>
<div class="section middle">
<nb-menu [items]="headerMenu"></nb-menu>
<ng-content></ng-content>
<div class="first-section">
<nb-menu [items]="headerMenu"></nb-menu>
<ng-content></ng-content>
</div>
<a routerLink="/" fragment="backend-bundles" class="backend-bundles eva-parent-hover">
<i [innerHTML]="'gift-outline' | eva: { width: 24, height: 24, fill: '#ff4d6b', animationType: 'shake' }"></i>
<span>Backend Bundles</span>

View file

@ -24,8 +24,15 @@
.section {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.875rem 0.5rem;
.first-section {
display: flex;
flex-direction: row;
}
&.left {
width: $left-section-width;
}
@ -65,7 +72,6 @@
}
::ng-deep nb-menu {
flex: 1;
.menu-items {
display: flex;
@ -200,6 +206,12 @@
&.docs-page {
.section {
.first-section {
display: flex;
flex-direction: row;
}
&.left {
align-items: center;
padding-left: 0;
@ -259,11 +271,9 @@
@include media-breakpoint-up(lg) {
.section.middle {
justify-content: space-around;
justify-content: space-between;
}
::ng-deep nb-menu {
min-width: 28rem;
.menu-items li {
display: list-item;
}