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

fix(header): adopt for smaller screens

Browse source
This commit is contained in:
Sergey Andrievskiy 2019-06-22 19:18:16 +03:00
parent 5d543a4eeb
commit 082f72b441
3 changed files with 47 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/app/@theme/components/header/header.component.scss
View file

@ -1,3 +1,5 @@
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@import '../../styles/themes';
@include nb-install-component() {
@ -5,17 +7,6 @@
justify-content: space-between;
width: 100%;
.left {
display: flex;
width: 100%;
order: 0;
flex-direction: row;
}
.right {
order: 1;
flex-direction: row-reverse;
}
.logo-container {
display: flex;
align-items: center;
@ -60,4 +51,20 @@
text-decoration: none;
}
}
@include media-breakpoint-down(sm) {
.control-item {
display: none;
}
.user-action {
border: none;
padding: 0;
}
}
@include media-breakpoint-down(is) {
nb-select {
display: none;
}
}
}