machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile responsiveness fixes

Browse Source
This commit is contained in:
softsimon
2022-02-07 00:08:07 +04:00
parent 05e51e598b
commit 723d51e98b
4 changed files with 37 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/app/components/assets/asset-group/asset-group.component.html
View File

@@ -1,4 +1,4 @@
<div *ngIf="group$ | async as group">
<div *ngIf="group$ | async as group; else loading">
<div class="main-title">
<h2>{{ group.group.name }}</h2>
@@ -14,7 +14,9 @@
<div class="featuredBox">
<div *ngFor="let asset of group.assets">
<div class="card">
<img class="assetIcon" [src]="'https://liquid.network/api/v1/asset/' + asset.asset_id + '/icon'">
<a [routerLink]="['/assets/asset' | relativeUrl, asset.asset_id]">
<img class="assetIcon" [src]="'https://liquid.network/api/v1/asset/' + asset.asset_id + '/icon'">
</a>
<div class="title">
<a [routerLink]="['/assets/asset/' | relativeUrl, asset.asset_id]">{{ asset.name }}</a>
</div>
@@ -24,3 +26,10 @@
</div>
</div>
<ng-template #loading>
<br>
<div class="text-center loadingGraphs">
<div class="spinner-border text-light"></div>
</div>
</ng-template>

15
frontend/src/app/components/assets/asset-group/asset-group.component.scss
View File

@@ -25,12 +25,17 @@
align-items: center;
justify-content: center;
flex-wrap: wrap;
@media (max-width: 767.98px) {
width: 150px;
height: 150px;
}
}
.title {
font-size: 14px;
font-weight: bold;
margin-top: 10px;
text-align: center;
}
.sub-title {
@@ -40,12 +45,10 @@
.assetIcon {
width: 100px;
height: 100px;
}
.image {
width: 100px;
height: 100px;
align-self: center;
@media (max-width: 767.98px) {
width: 50px;
height: 50px;
}
}
.view-link {