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

fix(dashboard): improve solar card responsiveness

Browse source
This commit is contained in:
KostyaDanovsky 2017-09-12 15:08:14 +03:00
parent 7beefeccaa
commit 83fffafe45
2 changed files with 17 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/app/pages/dashboard/solar/solar.component.scss
View file

@ -1,4 +1,6 @@
@import '../../../@theme/styles/themes';
@import '~@nebular/theme/styles/global/bootstrap/breakpoints';
@import '~bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
@ -12,6 +14,13 @@
width: 40%;
}
.info {
display: flex;
flex-direction: column;
flex: 1;
align-self: center;
}
.date {
font-size: 1.25rem;
font-weight: nb-theme(font-weight-bolder);
@ -39,13 +48,6 @@
font-size: 1rem;
}
.info {
display: flex;
flex-direction: column;
flex: 1;
align-self: center;
}
@include nb-for-theme(cosmic) {
color: nb-theme(color-fg-heading);
@ -57,4 +59,10 @@
color: nb-theme(color-fg);
}
}
@include media-breakpoint-down(xs) {
.value {
font-size: 1.75rem;
}
}
}

4
src/app/pages/dashboard/solar/solar.component.ts
View file

@ -51,7 +51,7 @@ export class SolarComponent implements AfterViewInit {
clockWise: true,
hoverAnimation: false,
type: 'pie',
center: ['35%', '50%'],
center: ['45%', '50%'],
radius: solarTheme.radius,
data: [
{
@ -116,7 +116,7 @@ export class SolarComponent implements AfterViewInit {
clockWise: true,
hoverAnimation: false,
type: 'pie',
center: ['35%', '50%'],
center: ['45%', '50%'],
radius: solarTheme.radius,
data: [
{