Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-03-09 15:12:34 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(theme): add base styles

Browse source
This commit is contained in:
tibing 2017-04-17 19:01:47 +03:00
parent 43f174a051
commit 2cb6bf99e0
9 changed files with 124 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,14 +1,29 @@
@import '../../styles/pure/pure.redefines';
:host /deep/ {
nga-layout-header > nav {
display: flex;
justify-content: space-between;
.logo {
font-size: 1.7rem;
color: $nga-color-primary;
text-decoration: none;
transition: all 0.2s ease;
span {
color: $nga-color-secondary;
}
&:hover span {
color: $nga-color-primary;
}
}
}
nga-sidebar {
}
nga-layout-footer {
nga-layout-footer > nav {
}
}

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

@ -16,20 +16,21 @@ import { Component } from '@angular/core';
template: `
<nga-layout>
<nga-layout-header fixed>
<section>
<h1>Logo</h1>
</section>
<section>
<nga-user></nga-user>
</section>
<a href="/#/pages/dashboard" class="logo">NgX <span>Admin</span></a>
</nga-layout-header>
<nga-sidebar fixed>
<ng-content select="nga-menu"></ng-content>
<nga-sidebar left>
<nga-sidebar-content>
<ng-content select="nga-menu"></ng-content>
</nga-sidebar-content>
</nga-sidebar>
<nga-layout-column>
<ng-content select="router-outlet"></ng-content>
</nga-layout-column>
<nga-layout-footer></nga-layout-footer>
<nga-layout-footer>
</nga-layout-footer>
</nga-layout>
`,
})