feat(theme): refine layout styles

This commit is contained in:
outstandyy 2021-05-12 13:02:41 +03:00
parent 679256dec5
commit 5204479248
3 changed files with 42 additions and 0 deletions

View file

@ -2,6 +2,20 @@
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
::ng-deep .nb-theme-blueberry {
nb-layout-header nav {
height: 4rem;
}
nb-layout .layout .layout-container .content nb-layout-footer nav {
padding: 0.25rem 1rem;
}
nb-layout-header.fixed ~ .layout-container {
padding-top: 4rem;
}
}
@include nb-install-component() {
.menu-sidebar ::ng-deep .scrollable {
padding-top: nb-theme(layout-padding-top);

View file

@ -2,6 +2,20 @@
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
::ng-deep .nb-theme-blueberry {
nb-layout-header nav {
height: 4rem;
}
nb-layout .layout .layout-container .content nb-layout-footer nav {
padding: 0.25rem 1rem;
}
nb-layout-header.fixed ~ .layout-container {
padding-top: 4rem;
}
}
@include nb-install-component() {
.menu-sidebar ::ng-deep .scrollable {
padding-top: nb-theme(layout-padding-top);

View file

@ -2,6 +2,20 @@
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
::ng-deep .nb-theme-blueberry {
nb-layout-header nav {
height: 4rem;
}
nb-layout .layout .layout-container .content nb-layout-footer nav {
padding: 0.25rem 1rem;
}
nb-layout-header.fixed ~ .layout-container {
padding-top: 4rem;
}
}
@include nb-install-component() {
.menu-sidebar ::ng-deep .scrollable {
padding-top: nb-theme(layout-padding-top);