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 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-filter">
<a [class.active]="isSingleView" (click)="isSingleView = true">
<i class="ion-android-checkbox-blank"></i>
<i class="nb-square"></i>
</a>
<a [class.active]="!isSingleView" (click)="isSingleView = false">
<i class="ion-android-apps"></i>
<i class="nb-grid-a"></i>
</a>
</span>
</div>
@ -19,7 +19,7 @@
</div>
</div>
<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)">
<span>{{ camera.title }}</span>
</div>

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

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