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

Mobile padding improvements.

Browse Source
This commit is contained in:
softsimon 2020-03-25 00:41:46 +07:00
parent 36308e7290
commit 164a1964dc
3 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/components/block/block.component.html
View File

@ -14,7 +14,7 @@
<table class="table table-borderless table-striped">
<tbody>
<tr>
<td class="mobile-width">Timestamp</td>
<td class="td-width">Timestamp</td>
<td>
{{ block.timestamp * 1000 | date:'yyyy-MM-dd HH:mm' }}
<div class="lg-inline">
@ -41,7 +41,7 @@
<table class="table table-borderless table-striped">
<tbody>
<tr>
<td class="mobile-width">Hash</td>
<td class="td-width">Hash</td>
<td><a [routerLink]="['/block/', block.id]" title="{{ block.id }}">{{ block.id | shortenString : 13 }}</a> <app-clipboard [text]="block.id"></app-clipboard></td>
</tr>
<tr *ngIf="block.medianFee !== undefined">
@ -117,7 +117,7 @@
<table class="table table-borderless table-striped">
<tbody>
<tr>
<td class="mobile-width" colspan="2"><span class="skeleton-loader"></span></td>
<td class="td-width" colspan="2"><span class="skeleton-loader"></span></td>
</tr>
<tr>
<td colspan="2"><span class="skeleton-loader"></span></td>
@ -135,7 +135,7 @@
<table class="table table-borderless table-striped">
<tbody>
<tr>
<td class="mobile-width" colspan="2"><span class="skeleton-loader"></span></td>
<td class="td-width" colspan="2"><span class="skeleton-loader"></span></td>
</tr>
<tr>
<td colspan="2"><span class="skeleton-loader"></span></td>

10
frontend/src/app/components/block/block.component.scss
View File

@ -5,6 +5,12 @@
border-top: 5px solid #FFF;
}
.mobile-width {
width: 130px;
.td-width {
width: 175px;
}
@media (max-width: 767.98px) {
.td-width {
width: 150px;
}
}

6
frontend/src/styles.scss
View File

@ -50,6 +50,12 @@ body {
box-shadow: 0.125rem 0.125rem 0.25rem rgba(0,0,0,0.075);
}
@media (max-width: 767.98px) {
.box {
padding: 0.75rem;
}
}
.form-control {
color: #495057;
}