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

Signet network color.

Browse Source
This commit is contained in:
softsimon 2021-02-21 01:45:52 +07:00
parent a111dc044f
commit 55df5dbd35
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
5 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -32,7 +32,7 @@ export class BlockchainBlocksComponent implements OnInit, OnDestroy {
bisq: ['#9339f4', '#105fb0'], bisq: ['#9339f4', '#105fb0'],
liquid: ['#116761', '#183550'], liquid: ['#116761', '#183550'],
testnet: ['#1d486f', '#183550'], testnet: ['#1d486f', '#183550'],
signet: ['#1d486f', '#183550'], signet: ['#6f1d5d', '#471850'],
}; };
constructor( constructor(

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

@ -17,7 +17,7 @@
</button> </button>
<div ngbDropdownMenu> <div ngbDropdownMenu>
<button ngbDropdownItem class="mainnet" routerLink="/"><img src="./resources/bitcoin-logo.png" style="width: 30px;" class="mr-1"> Mainnet</button> <button ngbDropdownItem class="mainnet" routerLink="/"><img src="./resources/bitcoin-logo.png" style="width: 30px;" class="mr-1"> Mainnet</button>
<button ngbDropdownItem *ngIf="env.SIGNET_ENABLED" class="testnet" [class.active]="network.val === 'signet'" routerLink="/signet"><img src="./resources/testnet-logo.png" style="width: 30px;" class="mr-1"> Signet</button> <button ngbDropdownItem *ngIf="env.SIGNET_ENABLED" class="signet" [class.active]="network.val === 'signet'" routerLink="/signet"><img src="./resources/signet-logo.png" style="width: 30px;" class="mr-1"> Signet</button>
<button ngbDropdownItem *ngIf="env.TESTNET_ENABLED" class="testnet" [class.active]="network.val === 'testnet'" routerLink="/testnet"><img src="./resources/testnet-logo.png" style="width: 30px;" class="mr-1"> Testnet</button> <button ngbDropdownItem *ngIf="env.TESTNET_ENABLED" class="testnet" [class.active]="network.val === 'testnet'" routerLink="/testnet"><img src="./resources/testnet-logo.png" style="width: 30px;" class="mr-1"> Testnet</button>
<h6 *ngIf="env.LIQUID_ENABLED || env.BISQ_ENABLED" class="dropdown-header" i18n="master-page.layer2-networks-header">Layer 2 Networks</h6> <h6 *ngIf="env.LIQUID_ENABLED || env.BISQ_ENABLED" class="dropdown-header" i18n="master-page.layer2-networks-header">Layer 2 Networks</h6>
<button ngbDropdownItem *ngIf="env.BISQ_ENABLED" class="mainnet" [class.active]="network.val === 'bisq'" routerLink="/bisq"><img src="./resources/bisq-logo.png" style="width: 30px;" class="mr-1"> Bisq</button> <button ngbDropdownItem *ngIf="env.BISQ_ENABLED" class="mainnet" [class.active]="network.val === 'bisq'" routerLink="/bisq"><img src="./resources/bisq-logo.png" style="width: 30px;" class="mr-1"> Bisq</button>

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

@ -67,6 +67,10 @@ nav {
background-color: #1d486f; background-color: #1d486f;
} }
.signet.active {
background-color: #6f1d5d;
}
.dropdown-divider { .dropdown-divider {
border-top: 1px solid #121420; border-top: 1px solid #121420;
} }

BIN
frontend/src/resources/signet-logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 14 KiB

8
frontend/src/styles.scss
View File

@ -94,6 +94,10 @@ body {
background-color: #1d486f !important; background-color: #1d486f !important;
} }
.navbar-nav.signet > .active {
background-color: #6f1d5d !important;
}
.form-control { .form-control {
color: #495057; color: #495057;
} }
@ -425,6 +429,10 @@ h1, h2, h3 {
background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #1d486f 0%, #183550 100%); background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #1d486f 0%, #183550 100%);
} }
.progress-mempool.signet {
background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #6f1d5d 0%, #471850 100%);
}
.progress-mempool.liquid { .progress-mempool.liquid {
background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #116761 0%, #183550 100%); background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #116761 0%, #183550 100%);
} }