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

fix(demo): styling default version

Browse source
This commit is contained in:
KostyaDanovsky 2017-07-29 16:00:27 +03:00
parent 0f546d950f
commit 746d18680e
4 changed files with 21 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/app/@theme/components/footer/footer.component.scss
View file

@ -1,4 +1,6 @@
:host { @import '../../../@theme/styles/variables';
@include nga-install-component() {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -9,6 +11,12 @@
a { a {
padding: 0.4rem; padding: 0.4rem;
color: nga-theme(color-fg);
transition: color ease-out 0.1s;
&:hover {
color: nga-theme(color-fg-heading);
}
} }
} }
} }

11
src/app/pages/dashboard/status-card/status-card.component.scss
View file

@ -7,7 +7,6 @@
align-items: center; align-items: center;
height: 6rem; height: 6rem;
overflow: visible; overflow: visible;
color: nga-theme(card-fg-heading);
$bevel: btn-hero-bevel(nga-theme(card-bg)); $bevel: btn-hero-bevel(nga-theme(card-bg));
$shadow: btn-hero-shadow(); $shadow: btn-hero-shadow();
@ -24,6 +23,7 @@
font-size: 4em; font-size: 4em;
border-radius: $border-radius 0 0 $border-radius; border-radius: $border-radius 0 0 $border-radius;
transition: all 0.1s ease-out, color 0s; transition: all 0.1s ease-out, color 0s;
color: nga-theme(color-white);
&.primary { &.primary {
@include btn-hero-primary-gradient(); @include btn-hero-primary-gradient();
@ -89,6 +89,8 @@
color: nga-theme(card-fg); color: nga-theme(card-fg);
.icon-container { .icon-container {
color: nga-theme(card-fg);
&.primary, &.success, &.info, &.warning { &.primary, &.success, &.info, &.warning {
box-shadow: none; box-shadow: none;
background-image: linear-gradient(to right, transparent, transparent); background-image: linear-gradient(to right, transparent, transparent);
@ -98,7 +100,7 @@
.details { .details {
border-left: 1px solid nga-theme(separator); border-left: 1px solid nga-theme(separator);
} }
.status { .title {
color: nga-theme(card-fg); color: nga-theme(card-fg);
} }
} }
@ -111,16 +113,19 @@
padding-left: 1.5rem; padding-left: 1.5rem;
border-left: 1px solid transparent; border-left: 1px solid transparent;
} }
.title { .title {
font-family: nga-theme(font-secondary); font-family: nga-theme(font-secondary);
font-size: 1.5rem; font-size: 1.5rem;
font-weight: nga-theme(font-weight-bolder); font-weight: nga-theme(font-weight-bolder);
color: nga-theme(card-fg-heading);
} }
.status { .status {
font-size: 1.125rem; font-size: 1.125rem;
font-weight: nga-theme(font-weight-light); font-weight: nga-theme(font-weight-light);
text-transform: uppercase; text-transform: uppercase;
color: nga-theme(card-fg-heading); color: nga-theme(card-fg);
} }
} }
} }

2
src/app/pages/tables/smart-table/smart-table.component.ts
View file

@ -55,7 +55,7 @@ export class SmartTableComponent {
source: LocalDataSource = new LocalDataSource(); source: LocalDataSource = new LocalDataSource();
constructor(private service: SmartTableService) { constructor(private service: SmartTableService) {
let data = this.service.getData(); const data = this.service.getData();
this.source.load(data); this.source.load(data);
} }

6
src/app/pages/ui-features/buttons/buttons.component.scss
View file

@ -7,13 +7,13 @@
$button-border-radius: 12px; $button-border-radius: 12px;
.container-title { .container-title {
color: nga-theme(color-fg-hint); color: nga-theme(color-fg);
font-family: nga-theme(font-secondary); font-family: nga-theme(font-secondary);
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.header { .header {
color: white; color: nga-theme(color-fg-header);
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1rem; line-height: 1rem;
} }
@ -22,7 +22,7 @@
font-size: 0.75rem; font-size: 0.75rem;
line-height: 1rem; line-height: 1rem;
font-weight: 300; font-weight: 300;
color: nga-theme(color-fg-hint); color: nga-theme(color-fg);
} }
.btn-demo { .btn-demo {