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 5b41ecf6e5
commit 7c2849b331
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
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 *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)"> <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> <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="block-body">
<div class="fees"> <div class="fees">
<span class="yellow-color">~{{ block.medianFee | ceil }} sat/vB</span> <span class="yellow-color">~{{ block.medianFee | ceil }} sat/vB</span>
@ -11,9 +14,6 @@
<br /><br /> <br /><br />
<div class="time-difference"><app-time-since [time]="block.timestamp" [fastRender]="true"></app-time-since> ago</div> <div class="time-difference"><app-time-since [time]="block.timestamp" [fastRender]="true"></app-time-since> ago</div>
</div> </div>
<div class="block-height">
<a [routerLink]="['/block/', block.id]" [state]="{ data: { block: block } }">{{ block.height }}</a>
</div>
</div> </div>
</div> </div>
<div [hidden]="!arrowVisible" id="arrow-up" [ngStyle]="{'left': arrowLeftPx + 'px' }"></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 { .fees {
font-size: 18px; font-size: 14px;
margin-top: 10px; margin-top: 10px;
margin-bottom: 2px; margin-bottom: 8px;
} }
.transaction-count { .transaction-count {
@ -52,10 +52,10 @@
.block-height { .block-height {
position: absolute; position: absolute;
font-size: 18px; font-size: 16px;
top: 133px; bottom: 160px;
width: 100%; width: 100%;
left: 0px; left: -12px;
text-shadow: 0px 32px 3px #111; text-shadow: 0px 32px 3px #111;
z-index: 100; z-index: 100;
} }

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

@ -1,9 +1,9 @@
<header> <header>
<nav class="navbar navbar-expand-md navbar-dark bg-dark"> <nav class="navbar navbar-expand-md navbar-dark bg-dark">
<a class="navbar-brand" routerLink="/" style="position: relative;"> <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" *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> </a>
<button class="navbar-toggler" type="button" (click)="collapse()" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> <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 { .connection-badge {
margin-left: 10px; margin-left: 10px;
position: absolute; position: absolute;
top: 10px; top: 13px;
left: 100px; left: 70px;
} }

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

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

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

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