s426135/session-companion
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

SES-165 updated css for mobile

Browse Source
This commit is contained in:
Natalia Gawron 2021-01-21 21:06:37 +01:00
parent c31075e54f
commit 98079872ca
2 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-other-equipment-table/player-other-equipment-table.component.css
View File

@ -61,3 +61,15 @@ table.mat-table {
margin-left: 0%; margin-left: 0%;
} }
} }
@media (min-width: 468px) and (max-width: 768px) {
.custom-container {
width: 410px;
}
}
@media (min-width: 768px) {
.custom-container {
width: 580px;
}
}

4
SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-other-equipment-table/player-other-equipment-table.component.html
View File

@ -1,3 +1,5 @@
<div class="custom-container">
<div class="custom-container">
<div class="text-centre">Your other equipment:</div> <div class="text-centre">Your other equipment:</div>
<mat-form-field class="filter-class"> <mat-form-field class="filter-class">
<mat-label>Filter</mat-label> <mat-label>Filter</mat-label>
@ -33,3 +35,5 @@
<mat-paginator [pageSizeOptions]="[5, 10]"></mat-paginator> <mat-paginator [pageSizeOptions]="[5, 10]"></mat-paginator>
</div> </div>
</div>
</div>