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

Fix pizza tracker branding layout

Browse Source
This commit is contained in:
Mononaut 2024-05-07 23:59:02 +00:00
parent 9bd741b1d9
commit 0fae0b21ad
No known key found for this signature in database
GPG Key ID: A3F058E41374C04E
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/components/tracker/tracker.component.html
View File

@ -4,9 +4,7 @@
<div class="nav-header"> <div class="nav-header">
@if (enterpriseInfo?.header_img) { @if (enterpriseInfo?.header_img) {
<a class="d-flex" [routerLink]="['/' | relativeUrl]"> <a class="d-flex" [routerLink]="['/' | relativeUrl]">
<img [src]="enterpriseInfo.img" class="subdomain_logo" [class]="{'rounded': enterpriseInfo.rounded_corner}"> <img *ngIf="enterpriseInfo.header_img" [src]="enterpriseInfo?.header_img" alt="enterpriseInfo.title" height="42px">
<div class="vertical-line"></div>
<img *ngIf="enterpriseInfo.header_img" [src]="enterpriseInfo?.header_img" alt="enterpriseInfo.title" height="36px">
</a> </a>
} @else if (enterpriseInfo?.img || enterpriseInfo?.imageMd5) { } @else if (enterpriseInfo?.img || enterpriseInfo?.imageMd5) {
<a [routerLink]="['/' | relativeUrl]"> <a [routerLink]="['/' | relativeUrl]">
@ -22,7 +20,7 @@
} }
@if (enterpriseInfo?.header_img || (!enterpriseInfo?.img && !enterpriseInfo?.imageMd5)) { @if (enterpriseInfo?.header_img || (!enterpriseInfo?.img && !enterpriseInfo?.imageMd5)) {
<div [ngSwitch]="network" class="network-label"> <div [ngSwitch]="network" class="network-label" [class.hide-name]="enterpriseInfo?.header_img">
<span *ngSwitchCase="'signet'" class="network signet"><span class="name">Bitcoin Signet</span><app-svg-images name="signet" width="35" height="35" viewBox="0 0 65 65" style="display: inline-block" class="mainnet ml-2"></app-svg-images></span> <span *ngSwitchCase="'signet'" class="network signet"><span class="name">Bitcoin Signet</span><app-svg-images name="signet" width="35" height="35" viewBox="0 0 65 65" style="display: inline-block" class="mainnet ml-2"></app-svg-images></span>
<span *ngSwitchCase="'testnet'" class="network testnet"><span class="name">Bitcoin Testnet3</span><app-svg-images name="testnet" width="35" height="35" viewBox="0 0 65 65" style="display: inline-block" class="mainnet ml-2"></app-svg-images></span> <span *ngSwitchCase="'testnet'" class="network testnet"><span class="name">Bitcoin Testnet3</span><app-svg-images name="testnet" width="35" height="35" viewBox="0 0 65 65" style="display: inline-block" class="mainnet ml-2"></app-svg-images></span>
<span *ngSwitchCase="'testnet4'" class="network testnet"><span class="name">Bitcoin Testnet4</span><app-svg-images name="testnet4" width="35" height="35" viewBox="0 0 65 65" style="display: inline-block" class="mainnet ml-2"></app-svg-images></span> <span *ngSwitchCase="'testnet4'" class="network testnet"><span class="name">Bitcoin Testnet4</span><app-svg-images name="testnet4" width="35" height="35" viewBox="0 0 65 65" style="display: inline-block" class="mainnet ml-2"></app-svg-images></span>

5
frontend/src/app/components/tracker/tracker.component.scss
View File

@ -47,6 +47,7 @@
max-width: 100%; max-width: 100%;
padding: 1em; padding: 1em;
position: relative; position: relative;
background: var(--nav-bg);
box-shadow: 0 -5px 15px #000; box-shadow: 0 -5px 15px #000;
z-index: 100; z-index: 100;
align-items: center; align-items: center;
@ -59,6 +60,10 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
&.hide-name .name {
display: none;
}
} }
.subdomain_logo { .subdomain_logo {