mathieu/CAU-ICT-Spring-2019-Project-1
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add small screen size responsive

Browse Source
This commit is contained in:
Mathieu Sanchez 2019-06-04 10:37:17 +09:00
parent 38afecced9
commit 0c511442be
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/card-dashboard/card-dashboard.component.css
View File

@ -2,6 +2,10 @@
margin: 40px; margin: 40px;
} }
.card-container.small {
margin: 20px;
}
.card-container.left.desktop { .card-container.left.desktop {
margin-right: 20px; margin-right: 20px;
} }
@ -17,3 +21,11 @@
.card-container.right.mobile { .card-container.right.mobile {
margin-top: 20px; margin-top: 20px;
} }
.card-container.left.small {
margin-bottom: 10px;
}
.card-container.right.small {
margin-top: 10px;
}

3
src/app/card-dashboard/card-dashboard.component.html
View File

@ -1,4 +1,5 @@
<div class="card-container {{ matCardClass }}" ngClass.gt-sm="desktop" ngClass.lt-md="mobile"> <div class="card-container {{ matCardClass }}" ngClass.gt-sm="desktop" ngClass.lt-md="mobile"
ngClass.xs="small">
<mat-card> <mat-card>