2023-04-20 05:30:24 +09:00
|
|
|
<div
|
|
|
|
|
class="text-center" class="blockchain-wrapper" [class.time-ltr]="timeLtr" #container
|
|
|
|
|
[class.ltr-transition]="ltrTransitionEnabled" [style.width]="width + 'px'" [style.height]="height + 'px'"
|
|
|
|
|
>
|
2023-04-19 03:34:13 +09:00
|
|
|
<div class="position-container" [ngClass]="network ? network : ''" [style.top]="(height / 3) + 'px'">
|
2023-04-19 00:21:02 +09:00
|
|
|
<span>
|
|
|
|
|
<div class="blocks-wrapper">
|
2023-06-05 13:27:17 -04:00
|
|
|
<app-mempool-blocks
|
|
|
|
|
[minimal]="true"
|
|
|
|
|
[count]="mempoolBlocks"
|
|
|
|
|
[blockWidth]="blockWidth"
|
|
|
|
|
[spotlight]="mode === 'mempool' ? index + 1 : 0"
|
|
|
|
|
[getHref]="getMempoolUrl"
|
|
|
|
|
></app-mempool-blocks>
|
|
|
|
|
<app-blockchain-blocks
|
|
|
|
|
[minimal]="true"
|
|
|
|
|
[count]="blockchainBlocks"
|
|
|
|
|
[blockWidth]="blockWidth"
|
|
|
|
|
[spotlight]="mode === 'mined' ? -index - 1 : 0"
|
|
|
|
|
[getHref]="getMinedUrl"
|
|
|
|
|
></app-blockchain-blocks>
|
2023-04-19 03:34:13 +09:00
|
|
|
</div>
|
|
|
|
|
<div class="divider" [style.top]="-(height / 6) + 'px'">
|
|
|
|
|
<svg
|
|
|
|
|
viewBox="0 0 2 175"
|
|
|
|
|
[style.width]="'2px'"
|
|
|
|
|
[style.height]="(5 * height / 6) + 'px'"
|
|
|
|
|
>
|
|
|
|
|
<line
|
|
|
|
|
class="divider-line"
|
|
|
|
|
x0="0"
|
|
|
|
|
x1="0"
|
|
|
|
|
y0="0"
|
|
|
|
|
y1="175px"
|
|
|
|
|
></line>
|
|
|
|
|
</svg>
|
2023-04-19 00:21:02 +09:00
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
