Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-19 08:50: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-11 11:44:04 +03:00 • committed by KostyaDanovsky
parent 5f30c69416
commit 56c1ea5628
2 changed files with 66 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/app/@theme/components/header/header.component.html
View file

@ -1,16 +1,20 @@
<div class="header-container"
[class.left]="position === 'normal'"
[class.right]="position === 'inverse'">
<a (click)="toggleSidebar()" href="#" class="navigation"><i class="ion-navicon"></i></a>
<div class="logo" (click)="goToHome()">NgX&nbsp;<span>Admin</span></div>
<label class="theme-switch">
<span class="light">Light</span>
<div class="switch">
<input type="checkbox" (change)="toggleTheme(theme.checked)" #theme>
<span class="slider"></span>
</div>
<span class="cosmic">Cosmic</span>
</label>
<div class="logo-containter">
<a (click)="toggleSidebar()" href="#" class="navigation"><i class="ion-navicon"></i></a>
<div class="logo" (click)="goToHome()">NgX&nbsp;<span>Admin</span></div>
</div>
<div class="switcher-container">
<label class="theme-switch">
<span class="light">Light</span>
<div class="switch">
<input type="checkbox" (change)="toggleTheme(theme.checked)" #theme>
<span class="slider"></span>
</div>
<span class="cosmic">Cosmic</span>
</label>
</div>
</div>
<nb-actions
@ -22,9 +26,9 @@
<nb-action>
<nb-user [menu]="userMenu" [name]="user?.name" [picture]="user?.picture"></nb-user>
</nb-action>
<nb-action disabled icon="nb-notifications"></nb-action>
<nb-action icon="nb-email"></nb-action>
<nb-action>
<nb-action class="action-item" disabled icon="nb-notifications"></nb-action>
<nb-action class="action-item" icon="nb-email"></nb-action>
<nb-action class="action-item">
<nb-search type="rotate-layout"></nb-search>
</nb-action>
</nb-actions>