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

Adjusting font-sizes. Logo size.

Browse Source
This commit is contained in:
softsimon 2020-03-13 22:05:44 +07:00
parent 3c1e702c04
commit a21afeb7fa
6 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
View File

@ -2,6 +2,9 @@
<div *ngFor="let block of blocks; let i = index; trackBy: trackByBlocksFn" >
<div class="text-center bitcoin-block mined-block" id="bitcoin-block-{{ block.height }}" [ngStyle]="getStyleForBlock(block)">
<a [routerLink]="['/block/', block.id]" [state]="{ data: { block: block } }" class="blockLink">&nbsp;</a>
<div class="block-height">
<a [routerLink]="['/block/', block.id]" [state]="{ data: { block: block } }">{{ block.height }}</a>
</div>
<div class="block-body">
<div class="fees">
<span class="yellow-color">~{{ block.medianFee | ceil }} sat/vB</span>
@ -11,9 +14,6 @@
<br /><br />
<div class="time-difference"><app-time-since [time]="block.timestamp" [fastRender]="true"></app-time-since> ago</div>
</div>
<div class="block-height">
<a [routerLink]="['/block/', block.id]" [state]="{ data: { block: block } }">{{ block.height }}</a>
</div>
</div>
</div>
<div [hidden]="!arrowVisible" id="arrow-up" [ngStyle]="{'left': arrowLeftPx + 'px' }"></div>

10
frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
View File

@ -41,9 +41,9 @@
}
.fees {
font-size: 18px;
font-size: 14px;
margin-top: 10px;
margin-bottom: 2px;
margin-bottom: 8px;
}
.transaction-count {
@ -52,10 +52,10 @@
.block-height {
position: absolute;
font-size: 18px;
top: 133px;
font-size: 16px;
bottom: 160px;
width: 100%;
left: 0px;
left: -12px;
text-shadow: 0px 32px 3px #111;
z-index: 100;
}

4
frontend/src/app/components/master-page/master-page.component.html
View File

@ -1,9 +1,9 @@
<header>
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<a class="navbar-brand" routerLink="/" style="position: relative;">
<img src="./assets/mempool-logo.png" width="180" class="logo" [ngStyle]="{'opacity': connectionState === 2 ? 1 : 0.5 }">
<img src="./assets/mempool-logo.png" height="35" width="140" class="logo" [ngStyle]="{'opacity': connectionState === 2 ? 1 : 0.5 }">
<div class="badge badge-warning connection-badge" *ngIf="connectionState === 0">Offline</div>
<div class="badge badge-warning connection-badge" style="left: 60px;" *ngIf="connectionState === 1">Reconnecting...</div>
<div class="badge badge-warning connection-badge" style="left: 30px;" *ngIf="connectionState === 1">Reconnecting...</div>
</a>
<button class="navbar-toggler" type="button" (click)="collapse()" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">

4
frontend/src/app/components/master-page/master-page.component.scss
View File

@ -32,6 +32,6 @@ nav {
.connection-badge {
margin-left: 10px;
position: absolute;
top: 10px;
left: 100px;
top: 13px;
left: 70px;
}

4
frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
View File

@ -45,9 +45,9 @@
}
.fees {
font-size: 18px;
font-size: 14px;
margin-top: 10px;
margin-bottom: 2px;
margin-bottom: 8px;
}
.transaction-count {

4
frontend/src/app/components/television/television.component.scss
View File

@ -11,7 +11,7 @@
.position-container {
position: absolute;
left: 50%;
bottom: 185px;
bottom: 150px;
}
.chart-holder {
@ -37,7 +37,7 @@
@media (min-width: 1920px) {
.position-container {
transform: scale(1.3);
bottom: 230px;
bottom: 190px;
}
.chart-holder {
height: calc(100% - 280px);