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 contacts responsiveness

Browse source
This commit is contained in:
KostyaDanovsky 2017-09-12 19:21:49 +03:00
parent 97caa36fd3
commit 754c148e69
3 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/pages/dashboard/contacts/contacts.component.html
View file

@ -1,4 +1,4 @@
<nb-card [size]="breakpoint.width >= 1600 ? 'large' : 'xlarge'">
<nb-card [size]="breakpoint.width >= breakpoints.xxxl ? 'large' : 'xlarge'">
<nb-tabset fullWidth>
<nb-tab tabTitle="Contacts">
<div class="contact" *ngFor="let c of contacts">

9
src/app/pages/dashboard/contacts/contacts.component.ts
View file

@ -1,5 +1,5 @@
import { Component, OnInit } from '@angular/core';
import { NbThemeService, NbMediaBreakpoint } from '@nebular/theme';
import { NbThemeService, NbMediaBreakpoint, NbMediaBreakpointsService } from '@nebular/theme';
import { UserService } from '../../../@core/data/users.service';
@ -13,8 +13,13 @@ export class ContactsComponent implements OnInit {
contacts: any[];
recent: any[];
breakpoint: NbMediaBreakpoint;
breakpoints: any;
constructor(private userService: UserService, private themeService: NbThemeService) {
constructor(private userService: UserService,
private themeService: NbThemeService,
private breakpointService: NbMediaBreakpointsService) {
this.breakpoints = breakpointService.getBreakpointsMap();
themeService.onMediaQueryChange()
.subscribe(([oldValue, newValue]) => {
this.breakpoint = newValue;

2
src/app/pages/dashboard/dashboard.module.ts
View file

@ -16,7 +16,7 @@ import { ElectricityComponent } from './electricity/electricity.component';
import { ElectricityChartComponent } from './electricity/electricity-chart/electricity-chart.component';
import { WeatherComponent } from './weather/weather.component';
import { SolarComponent } from './solar/solar.component';
import { PlayerComponent } from './player/player.component';
import { PlayerComponent } from './rooms/player/player.component';
import { TrafficComponent } from './traffic/traffic.component';
import { TrafficChartComponent } from './traffic/traffic-chart.component';