Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-09-22 05:50:48 +02: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 {
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 {
display: flex;
span {
flex: 1;
margin-bottom: 1rem;
}
align-items: center;
justify-content: space-between;
.dropdown {
flex-basis: 30%;
min-width: 200px;
min-width: 220px;
}
}
nb-card-body {
padding-bottom: 0;
}
.example-container {
margin-bottom: 2rem;
margin-bottom: 1.5rem;
}
.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() {
nb-card-body {
padding-bottom: 0;
}
.none {
position: relative;
transform: rotate(45deg);
@ -108,6 +112,6 @@
}
.example-container {
margin-bottom: 2rem;
margin-bottom: 1.5rem;
}
}