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

[footer] polish cta using update footer with logo

Browse Source
This commit is contained in:
nymkappa 2023-08-03 16:12:59 +09:00
parent 0111d8806b
commit 4ee703325a
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
2 changed files with 7 additions and 14 deletions
Show Stats 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

@ -1,7 +1,7 @@
<footer> <footer>
<div class="container-fluid"> <div class="container-fluid">
<div class="row main"> <div class="row main">
<div class="offset-lg-1 col-lg-4 col align-self-center branding"> <div class="offset-lg-1 col-lg-4 col align-self-center branding mt-2">
<div class="main-logo"> <div class="main-logo">
<app-svg-images *ngIf="officialMempoolSpace" name="officialMempoolSpace" viewBox="0 0 500 126"></app-svg-images> <app-svg-images *ngIf="officialMempoolSpace" name="officialMempoolSpace" viewBox="0 0 500 126"></app-svg-images>
<app-svg-images *ngIf="!officialMempoolSpace" name="mempoolSpace" viewBox="0 0 500 126"></app-svg-images> <app-svg-images *ngIf="!officialMempoolSpace" name="mempoolSpace" viewBox="0 0 500 126"></app-svg-images>
@ -17,14 +17,11 @@
<app-rate-unit-selector></app-rate-unit-selector> <app-rate-unit-selector></app-rate-unit-selector>
</div> </div>
<div *ngIf="officialMempoolSpace && stateService.env.ACCELERATOR" class="cta"> <div *ngIf="officialMempoolSpace && stateService.env.ACCELERATOR" class="cta">
<div *ngIf="loggedIn" class="mb-1"><small>Logged in<span *ngIf="username"> as {{ username}}</span></small></div> <a class="btn btn-purple sponsor" [routerLink]="['/login' | relativeUrl]">
<a *ngIf="loggedIn" class="btn btn-purple sponsor" [routerLink]="['/login' | relativeUrl]">My account</a> <span *ngIf="loggedIn" i18n="shared.my-account">My Account</span>
<a *ngIf="!loggedIn" class="btn btn-purple sponsor" [routerLink]="['/accelerator' | relativeUrl]">Mempool Accelerator™</a> <span *ngIf="!loggedIn" i18n="shared.sign-in">Sign In / Sign Up</span>
</a>
</div> </div>
<p *ngIf="!loggedIn && env.BASE_MODULE === 'mempool'" class="cta-secondary"><a [routerLink]="['/login' | relativeUrl]">Sign In</a></p>
<p class="cta-secondary"><a [routerLink]="['/tx/push' | relativeUrl]" i18n="shared.broadcast-transaction|Broadcast Transaction">Broadcast Transaction</a></p>
<p *ngIf="officialMempoolSpace && env.LIGHTNING" class="cta-secondary"><a [routerLink]="['/lightning/group/the-mempool-open-source-project' | relativeUrl]" i18n="footer.connect-to-our-nodes">Connect to our Nodes</a></p>
<p><a [routerLink]="['/about' | relativeUrl]">About The Mempool Open Source Project™</a></p>
</div> </div>
<div class="col-lg-6 col-md-10 offset-md-1 links outer"> <div class="col-lg-6 col-md-10 offset-md-1 links outer">
<div class="row"> <div class="row">

8
frontend/src/app/shared/components/global-footer/global-footer.component.scss
View File

@ -22,7 +22,7 @@ footer .row.main .branding {
} }
footer .row.main .branding > p { footer .row.main .branding > p {
margin-bottom: 45px; margin-bottom: 25px;
} }
footer .row.main .branding .btn { footer .row.main .branding .btn {
@ -35,11 +35,7 @@ footer .row.main .branding button.account {
} }
footer .row.main .branding .cta { footer .row.main .branding .cta {
margin: 20px auto 25px auto; margin: 25px auto 25px auto;
}
footer .row.main .branding .cta-secondary {
} }
footer .row.main .links.outer { footer .row.main .links.outer {