Make logos 0.3 opacity
This commit is contained in:
		
							parent
							
								
									87d2f6cf90
								
							
						
					
					
						commit
						5314f35974
					
				@ -50,7 +50,7 @@
 | 
				
			|||||||
          <ng-container *ngFor="let pool of accelerationInfo.pools">
 | 
					          <ng-container *ngFor="let pool of accelerationInfo.pools">
 | 
				
			||||||
            <img *ngIf="accelerationInfo.poolsData[pool]" 
 | 
					            <img *ngIf="accelerationInfo.poolsData[pool]" 
 | 
				
			||||||
              class="pool-logo" 
 | 
					              class="pool-logo" 
 | 
				
			||||||
              [class.highlight]="pool === accelerationInfo?.minedByPoolUniqueId"
 | 
					              [style.opacity]="accelerationInfo?.minedByPoolUniqueId && pool !== accelerationInfo?.minedByPoolUniqueId ? '0.3' : '1'"
 | 
				
			||||||
              [src]="'/resources/mining-pools/' + accelerationInfo.poolsData[pool].slug + '.svg'" 
 | 
					              [src]="'/resources/mining-pools/' + accelerationInfo.poolsData[pool].slug + '.svg'" 
 | 
				
			||||||
              onError="this.src = '/resources/mining-pools/default.svg'" 
 | 
					              onError="this.src = '/resources/mining-pools/default.svg'" 
 | 
				
			||||||
              [alt]="'Logo of ' + pool.name + ' mining pool'">
 | 
					              [alt]="'Logo of ' + pool.name + ' mining pool'">
 | 
				
			||||||
 | 
				
			|||||||
@ -32,21 +32,4 @@
 | 
				
			|||||||
    top: -1px;
 | 
					    top: -1px;
 | 
				
			||||||
    margin-right: 3px;
 | 
					    margin-right: 3px;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
  
 | 
					 | 
				
			||||||
  .highlight {
 | 
					 | 
				
			||||||
    filter: drop-shadow(0 0 5px #905cf4);
 | 
					 | 
				
			||||||
    animation: pulse 1s infinite;
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
@keyframes pulse {
 | 
					 | 
				
			||||||
  0% {
 | 
					 | 
				
			||||||
    transform: scale(1);
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
  50% {
 | 
					 | 
				
			||||||
    transform: scale(1.2);
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
  100% {
 | 
					 | 
				
			||||||
    transform: scale(1);
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user