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

fix(buttons): fix buttons responsiveness

Browse source
This commit is contained in:
KostyaDanovsky 2017-09-18 13:58:02 +03:00
parent 612ae7e4c0
commit 5eb74be77f
3 changed files with 19 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -81,10 +81,14 @@
} }
} }
@include media-breakpoint-down(xxxl) { @include media-breakpoint-down(is) {
ngx-default-buttons /deep/ nb-card-header { ngx-default-buttons /deep/ nb-card-header {
flex-direction: column; flex-direction: column;
margin-bottom: 0.5rem; align-items: left;
span {
margin-bottom: 1rem;
}
} }
} }

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

@ -5,20 +5,21 @@
nb-card-header { nb-card-header {
display: flex; display: flex;
align-items: center;
span { justify-content: space-between;
flex: 1;
margin-bottom: 1rem;
}
.dropdown { .dropdown {
flex-basis: 30%; flex-basis: 30%;
min-width: 200px; min-width: 220px;
} }
} }
nb-card-body {
padding-bottom: 0;
}
.example-container { .example-container {
margin-bottom: 2rem; margin-bottom: 1.5rem;
} }
.primary-container { .primary-container {

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

@ -3,6 +3,10 @@
@include nb-install-component() { @include nb-install-component() {
nb-card-body {
padding-bottom: 0;
}
.none { .none {
position: relative; position: relative;
transform: rotate(45deg); transform: rotate(45deg);
@ -108,6 +112,6 @@
} }
.example-container { .example-container {
margin-bottom: 2rem; margin-bottom: 1.5rem;
} }
} }