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

fix(buttons): page responsive

Browse source
This commit is contained in:
Mikhail Hryb 2017-09-11 11:41:24 +03:00 • committed by KostyaDanovsky
parent 9d1697776e
commit 74a4de29fc
7 changed files with 149 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/app/pages/ui-features/buttons/buttons.component.scss
View file

@ -1,5 +1,7 @@
@import '../../../@theme/styles/themes';
@import '~@nebular/theme/styles/global/bootstrap/buttons';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/bootstrap/breakpoints';
@include nb-install-component() {
/deep/ {
@ -74,4 +76,58 @@
margin-bottom: 1rem;
}
}
@include media-breakpoint-down(xs) {
ngx-action-groups /deep/ nb-card-body {
flex-direction: column;
align-items: flex-start;
padding: 0.7rem;
nb-action {
padding: 0.6rem;
}
.control-icon, .start-search {
font-size: 1.7rem;
}
.user-container {
font-size: 0.7rem;
}
.user-picture {
height: 1.5rem;
width: 1.5rem;
}
.action-groups-header {
margin: 0 0 10px 10px;
}
}
ngx-labeled-actions-group /deep/ {
nb-action {
font-size: 0.8rem;
}
i {
font-size: 1.9rem !important;
}
}
ngx-labeled-actions-group /deep/ nb-card-body {
padding-left: 0;
padding-right: 0;
}
ngx-default-buttons /deep/ nb-card-header {
flex-direction: column;
margin-bottom: 0.5rem;
}
}
@include media-breakpoint-down(xs) {
}
}