fix(sample): content padding responsive

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

View file

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

View file

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