Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-17 07:50:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(sample): content padding responsive

Browse source
This commit is contained in:
Mikhail Hryb 2017-09-11 11:43:36 +03:00 • committed by KostyaDanovsky
parent 1066a26f3b
commit 5f30c69416
2 changed files with 10 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/app/@theme/layouts/sample/sample.layout.scss
View file

@ -1,4 +1,6 @@
@import '../../styles/themes'; @import '../../styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/bootstrap/breakpoints';
@include nb-install-component() { @include nb-install-component() {
nb-layout-column.small { nb-layout-column.small {
@ -97,4 +99,11 @@
} }
} }
} }
@include media-breakpoint-down(xs) {
.main-content {
padding: 0.75rem !important;
}
}
} }

2
src/app/@theme/layouts/sample/sample.layout.ts
View file

@ -26,7 +26,7 @@ import { StateService } from '../../../@core/data/state.service';
<ng-content select="nb-menu"></ng-content> <ng-content select="nb-menu"></ng-content>
</nb-sidebar> </nb-sidebar>
<nb-layout-column> <nb-layout-column class="main-content">
<ng-content select="router-outlet"></ng-content> <ng-content select="router-outlet"></ng-content>
</nb-layout-column> </nb-layout-column>