mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2024-12-28 17:24:25 +01:00
Code Issues Projects Releases Wiki Activity

Add more padding to the blocks list page

Browse Source
This commit is contained in:
nymkappa 2022-03-12 17:33:07 +01:00
parent 11de94cf90
commit a893e87347
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
2 changed files with 77 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/app/components/blocks-list/blocks-list.component.html
View File

@ -3,6 +3,7 @@
<div class="clearfix"></div> <div class="clearfix"></div>
<div style="min-height: 295px">
<table class="table table-borderless"> <table class="table table-borderless">
<thead> <thead>
<th class="height" [class]="widget ? 'widget' : ''" i18n="latest-blocks.height">Height</th> <th class="height" [class]="widget ? 'widget' : ''" i18n="latest-blocks.height">Height</th>
@ -18,12 +19,12 @@
</thead> </thead>
<tbody *ngIf="blocks$ | async as blocks; else skeleton" [style]="isLoading ? 'opacity: 0.75' : ''"> <tbody *ngIf="blocks$ | async as blocks; else skeleton" [style]="isLoading ? 'opacity: 0.75' : ''">
<tr *ngFor="let block of blocks; let i= index; trackBy: trackByBlock"> <tr *ngFor="let block of blocks; let i= index; trackBy: trackByBlock">
<td class="height "[class]="widget ? 'widget' : ''"> <td class="height " [class]="widget ? 'widget' : ''">
<a [routerLink]="['/block' | relativeUrl, block.height]">{{ block.height <a [routerLink]="['/block' | relativeUrl, block.height]">{{ block.height
}}</a> }}</a>
</td> </td>
<td class="pool text-left" [class]="widget ? 'widget' : ''"> <td class="pool text-left" [class]="widget ? 'widget' : ''">
<a class="clear-link"[routerLink]="[('/mining/pool/' + block.extras.pool.id) | relativeUrl]"> <a class="clear-link" [routerLink]="[('/mining/pool/' + block.extras.pool.id) | relativeUrl]">
<img width="25" height="25" src="{{ block.extras.pool['logo'] }}" <img width="25" height="25" src="{{ block.extras.pool['logo'] }}"
onError="this.src = './resources/mining-pools/default.svg'"> onError="this.src = './resources/mining-pools/default.svg'">
<span class="pool-name">{{ block.extras.pool.name }}</span> <span class="pool-name">{{ block.extras.pool.name }}</span>
@ -86,9 +87,10 @@
</ng-template> </ng-template>
</table> </table>
<ngb-pagination *ngIf="!widget" class="pagination-container float-right mt-2" <ngb-pagination *ngIf="!widget" class="pagination-container float-right mt-2" [class]="isLoading ? 'disabled' : ''"
[class]="isLoading ? 'disabled' : ''" [collectionSize]="blocksCount" [rotate]="true" [maxSize]="5" [pageSize]="15" [collectionSize]="blocksCount" [rotate]="true" [maxSize]="5" [pageSize]="15" [(page)]="page"
[(page)]="page" (pageChange)="pageChange(page)" [boundaryLinks]="true" [ellipses]="false"> (pageChange)="pageChange(page)" [boundaryLinks]="true" [ellipses]="false">
</ngb-pagination> </ngb-pagination>
</div>
</div> </div>

11
frontend/src/app/components/blocks-list/blocks-list.component.scss
View File

@ -1,9 +1,10 @@
.container-xl { .container-xl {
max-width: 1400px; max-width: 1400px;
padding-bottom: 0; padding-bottom: 100px;
} }
.container-xl.widget { .container-xl.widget {
padding-left: 0px; padding-left: 0px;
padding-bottom: 0px;
} }
.container { .container {
@ -117,11 +118,7 @@ td {
@media (max-width: 650px) { @media (max-width: 650px) {
width: 20%; width: 20%;
} }
} @media (max-width: 450px) {
display: none;
.pagination-container {
margin-bottom: 40px;
@media (max-width: 992px) {
margin-bottom: 80px;
} }
} }