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

fix(dashboard): improve security cameras responsiveness

Browse source
This commit is contained in:
KostyaDanovsky 2017-09-12 13:38:17 +03:00
parent c533cd7d5c
commit 04e012a87d
2 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/app/pages/dashboard/security-cameras/security-cameras.component.html
View file

@ -4,10 +4,10 @@
<span class="cameras-card-title">Security Cameras</span> <span class="cameras-card-title">Security Cameras</span>
<span class="cameras-filter"> <span class="cameras-filter">
<a [class.active]="isSingleView" (click)="isSingleView = true"> <a [class.active]="isSingleView" (click)="isSingleView = true">
<i class="ion-android-checkbox-blank"></i> <i class="nb-square"></i>
</a> </a>
<a [class.active]="!isSingleView" (click)="isSingleView = false"> <a [class.active]="!isSingleView" (click)="isSingleView = false">
<i class="ion-android-apps"></i> <i class="nb-grid-a"></i>
</a> </a>
</span> </span>
</div> </div>
@ -19,7 +19,7 @@
</div> </div>
</div> </div>
<div class="cameras" *ngIf="!isSingleView"> <div class="cameras" *ngIf="!isSingleView">
<div class="camera" *ngFor="let camera of cameras" [style.background-image]="'url(' + camera.source + ')'" <div class="camera col-sm-6 col-xs-12" *ngFor="let camera of cameras" [style.background-image]="'url(' + camera.source + ')'"
(click)="selectCamera(camera)"> (click)="selectCamera(camera)">
<span>{{ camera.title }}</span> <span>{{ camera.title }}</span>
</div> </div>

6
src/app/pages/dashboard/security-cameras/security-cameras.component.scss
View file

@ -30,8 +30,8 @@
display: flex; display: flex;
a { a {
font-size: 2rem; font-size: 2.5rem;
padding: 0.75rem 1.5rem; padding: 0 0.75rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -75,7 +75,7 @@
background-position: center; background-position: center;
background-size: cover; background-size: cover;
height: 50%; height: 50%;
width: 50%; padding: 0;
span { span {
position: absolute; position: absolute;