Block pool logos
This commit is contained in:
		
							parent
							
								
									c43b567847
								
							
						
					
					
						commit
						eec6efcc22
					
				| @ -60,9 +60,12 @@ | ||||
|           </ng-container> | ||||
|         </div> | ||||
|         <div class="animated" [class]="markHeight === block.height ? 'hide' : 'show'" *ngIf="block.extras?.pool != undefined && showPools"> | ||||
|           <a [attr.data-cy]="'bitcoin-block-' + offset + '-index-' + i + '-pool'" class="badge badge-primary" | ||||
|             [routerLink]="[('/mining/pool/' + block.extras.pool.slug) | relativeUrl]"> | ||||
|             {{ block.extras.pool.name}}</a> | ||||
|           <a [routerLink]="[('/mining/pool/' + block.extras.pool.slug) | relativeUrl]"> | ||||
|             <img class="pool-logo" [src]="'/resources/mining-pools/' + block.extras.pool.slug + '.svg'" onError="this.src = '/resources/mining-pools/default.svg'" [alt]="'Logo of ' + block.extras.pool.name + ' mining pool'">  | ||||
|           </a> | ||||
|           <a [attr.data-cy]="'bitcoin-block-' + offset + '-index-' + i + '-pool'" class="badge badge-primary" [routerLink]="[('/mining/pool/' + block.extras.pool.slug) | relativeUrl]"> | ||||
|             {{ block.extras.pool.name}} | ||||
|           </a> | ||||
|         </div> | ||||
|       </div> | ||||
|     </ng-container> | ||||
|  | ||||
| @ -157,6 +157,15 @@ | ||||
|   position: relative; | ||||
|   top: 15px; | ||||
|   z-index: 101; | ||||
|   left: -7.5px; | ||||
| } | ||||
| 
 | ||||
| .pool-logo { | ||||
|   width: 15px; | ||||
|   height: 15px; | ||||
|   position: relative; | ||||
|   top: 15px; | ||||
|   left: -12px; | ||||
| } | ||||
| 
 | ||||
| .animated { | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user