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

Special halvening block and fireworks.

Browse Source 
fixes #50
This commit is contained in:
softsimon
2020-04-09 17:46:30 +07:00
parent 53999dbea5
commit 38d424f793
5 changed files with 165 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
<div class="blocks-container" *ngIf="blocks.length">
<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" [class.blink-bg]="block.height % 210000 === 0" 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>

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

@@ -101,3 +101,19 @@
border-right: 35px solid transparent;
border-bottom: 35px solid #FFF;
}
// Blinking block
.blink-bg {
color: #fff;
animation: blinkingBackground 1s infinite;
background: inherit !important;
}
@keyframes blinkingBackground {
0% { background-color: #10c018;}
25% { background-color: #1056c0;}
50% { background-color: #ef0a1a;}
75% { background-color: #CFB53B;}
100% { background-color: #04a1d5;}
}