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

fix(header): header responsive

Browse source
This commit is contained in:
Mikhail Hryb 2017-09-12 21:55:09 +03:00 • committed by KostyaDanovsky
parent decad34572
commit 713d3708e6
1 changed files with 23 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -58,11 +58,11 @@
} }
.theme-switch { .theme-switch {
width: 12rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
margin: 0;
& > span { & > span {
font-size: 1.125rem; font-size: 1.125rem;
@ -71,10 +71,12 @@
&.light { &.light {
color: nb-theme(color-fg-text); color: nb-theme(color-fg-text);
padding-right: 10px;
} }
&.cosmic { &.cosmic {
color: nb-theme(color-fg); color: nb-theme(color-fg);
padding-left: 10px;
} }
@include nb-for-theme(cosmic) { @include nb-for-theme(cosmic) {
@ -164,14 +166,33 @@
} }
} }
@include media-breakpoint-down(xs) { @include media-breakpoint-down(is) {
.header-container {
.logo {
font-size: 1.25rem;
}
}
.toggle-layout { .toggle-layout {
display: none; display: none;
} }
.switcher-container { .switcher-container {
.light, .cosmic {
display: none; display: none;
} }
} }
} }
@include media-breakpoint-down(xs) {
.right /deep/ {
display: none;
}
.switcher-container {
align-items: flex-end;
}
}
}