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

feat(header): add right controls

Browse source
This commit is contained in:
tibing 2017-04-18 15:45:49 +03:00
parent 58c9114ff9
commit e0f79206bb
2 changed files with 20 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/app/@theme/layouts/one-coll-layout/one-coll.layout.scss
View file

@ -4,6 +4,15 @@
nga-layout-header > nav { nga-layout-header > nav {
justify-content: space-between; justify-content: space-between;
i.control-icon {
font-size: 2.3rem;
&:hover {
cursor: pointer;
color: $nga-color-secondary;
}
}
div { div {
display: flex; display: flex;
align-items: center; align-items: center;
@ -23,13 +32,8 @@
} }
} }
i.menu-collapse { .control-icon.ion-navicon {
font-size: 2.8rem; font-size: 2.8rem;
&:hover {
cursor: pointer;
color: $nga-color-secondary;
}
} }
.logo { .logo {
@ -50,14 +54,14 @@
.right { .right {
> * { > * {
padding: 0 1.25rem; padding: 0 1.25rem;
border-left: 1px solid rgba($nga-color-primary, 0.2); border-left: 1px solid rgba($nga-color-default, 0.2);
&:first-child { &:first-child {
border: none; border: none;
} }
&:last-child { &:last-child {
padding-left: 0; padding-right: 0;
} }
} }
} }

12
src/app/@theme/layouts/one-coll-layout/one-coll.layout.ts
View file

@ -18,11 +18,15 @@ import { NgaSidebarService } from '@nga/theme/components/sidebar/sidebar.service
<nga-layout> <nga-layout>
<nga-layout-header fixed> <nga-layout-header fixed>
<div class="left"> <div class="left">
<i class="menu-collapse ion ion-navicon" (click)="toggleSidebar()"></i> <i class="control-icon ion ion-navicon" (click)="toggleSidebar()"></i>
<a href="/#/pages/dashboard" class="logo">NgX <span>Admin</span></a> <a href="/#/pages/dashboard" class="logo">NgX <span>Admin</span></a>
</div> </div>
<div class="right"> <div class="right">
<i class="control-icon ion ion-ios-search"></i>
<i class="control-icon ion ion-ios-email-outline"></i>
<i class="control-icon ion ion-ios-bell-outline"></i>
<nga-user></nga-user>
<i class="control-icon ion ion-ios-gear-outline"></i>
</div> </div>
</nga-layout-header> </nga-layout-header>
@ -31,11 +35,11 @@ import { NgaSidebarService } from '@nga/theme/components/sidebar/sidebar.service
<ng-content select="nga-menu"></ng-content> <ng-content select="nga-menu"></ng-content>
</nga-sidebar-content> </nga-sidebar-content>
</nga-sidebar> </nga-sidebar>
<nga-layout-column> <nga-layout-column>
<ng-content select="router-outlet"></ng-content> <ng-content select="router-outlet"></ng-content>
</nga-layout-column> </nga-layout-column>
<nga-layout-footer fixed> <nga-layout-footer fixed>
</nga-layout-footer> </nga-layout-footer>
</nga-layout> </nga-layout>