GlcoinCore/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2026-08-13 12:33:11 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Merge pull request #6620 from mempool/natsoni/update-footer-logo

Browse source 
Update footer logo
This commit is contained in:
wiz 2026-07-14 23:11:12 +09:00 • committed by GitHub
commit 26dc80bc81
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 24 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/app/shared/components/global-footer/global-footer.component.html
View file

@ -7,7 +7,10 @@
@if (enterpriseInfo?.footer_img) {
<img [src]="enterpriseInfo?.footer_img" [alt]="enterpriseInfo.title" height="60px" class="enterprise-logo">
} @else {
<app-svg-images *ngIf="officialMempoolSpace" name="officialMempoolSpace" viewBox="0 0 500 126"></app-svg-images>
<span *ngIf="officialMempoolSpace" class="footer-logo-wrapper">
<app-svg-images name="blocks-3-2" width="500" height="126" style="display: block; width: 100%; height: auto; transform: scale(1.22);"></app-svg-images>
<span class="footer-logo-reg">&reg;</span>
</span>
<app-svg-images *ngIf="!officialMempoolSpace" name="mempoolSpace" viewBox="0 0 500 126"></app-svg-images>
}
</div>
@ -15,10 +18,10 @@
<p class="explore-tagline-mobile">
@if (officialMempoolSpace) {
<ng-container i18n="@@7deec1c1520f06170e1f8e8ddfbe4532312f638f">Explore the full Bitcoin ecosystem</ng-container>
<ng-template [ngIf]="locale.substr(0, 2) === 'en'">&reg;</ng-template>
<ng-template [ngIf]="locale.substr(0, 2) === 'en'"><sup>&reg;</sup></ng-template>
} @else {
<ng-container i18n="shared.be-your-own-explorer">Be your own explorer</ng-container>
<ng-template [ngIf]="locale.substr(0, 2) === 'en'">&trade;</ng-template>
<ng-template [ngIf]="locale.substr(0, 2) === 'en'"><sup>&trade;</sup></ng-template>
}
</p>
}
@ -59,10 +62,10 @@
<p class="explore-tagline-desktop">
@if (officialMempoolSpace) {
<ng-container i18n="@@7deec1c1520f06170e1f8e8ddfbe4532312f638f">Explore the full Bitcoin ecosystem</ng-container>
<ng-template [ngIf]="locale.substr(0, 2) === 'en'">&reg;</ng-template>
<ng-template [ngIf]="locale.substr(0, 2) === 'en'"><sup>&reg;</sup></ng-template>
} @else {
<ng-container i18n="shared.be-your-own-explorer">Be your own explorer</ng-container>
<ng-template [ngIf]="locale.substr(0, 2) === 'en'">&trade;</ng-template>
<ng-template [ngIf]="locale.substr(0, 2) === 'en'"><sup>&trade;</sup></ng-template>
}
</p>
}

17
frontend/src/app/shared/components/global-footer/global-footer.component.scss
View file

@ -139,6 +139,21 @@ footer .row.version p a {
display: inline-block;
}
.footer-logo-wrapper {
display: block;
position: relative;
width: 100%;
}
.footer-logo-reg {
color: var(--fg);
font-size: 15px;
line-height: 1.6;
position: absolute;
right: -20px;
top: 5px;
}
footer .sponsor {
height: 31px;
align-items: center;
@ -371,4 +386,4 @@ footer .nowrap {
flex-shrink: unset;
width: unset;
}
}
}