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

[footer] re-add main CTA with better design

Browse Source
This commit is contained in:
nymkappa
2023-08-23 14:40:16 +02:00
parent 9ee11b64e9
commit 9fa715e403
3 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/app/shared/components/global-footer/global-footer.component.html
View File

@@ -7,7 +7,7 @@
<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>
</div>
<div class="site-options">
<div class="site-options d-flex justify-content-center align-items-center">
<div class="selector">
<app-language-selector></app-language-selector>
</div>
@@ -17,8 +17,16 @@
<div class="selector">
<app-rate-unit-selector></app-rate-unit-selector>
</div>
<a class="btn btn-purple sponsor d-none d-sm-flex justify-content-center" [routerLink]="['/login' | relativeUrl]">
<span *ngIf="loggedIn" i18n="shared.my-account">My Account</span>
<span *ngIf="!loggedIn" i18n="shared.sign-in">Sign In / Sign Up</span>
</a>
</div>
</div>
<a class="btn btn-purple sponsor d-flex d-sm-none justify-content-center ml-auto mr-auto mt-3 mb-2" [routerLink]="['/login' | relativeUrl]">
<span *ngIf="loggedIn" i18n="shared.my-account">My Account</span>
<span *ngIf="!loggedIn" i18n="shared.sign-in">Sign In / Sign Up</span>
</a>
</div>
</div>
<div class="row col-md-12 link-tree">
<div class="links">

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

@@ -110,6 +110,13 @@ footer .row.version p a {
display: inline-block;
}
footer .sponsor {
height: 31px;
align-items: center;
margin-left: 5px;
max-width: 160px;
}
@media (max-width: 1200px) {
.main-logo {
@@ -167,17 +174,13 @@ footer .row.version p a {
footer .site-options {
float: none;
margin-top: 30px;
margin-top: 20px;
}
footer .row.social-links {
margin: 48px 0 24px 0;
}
footer .selector {
margin: 10px 0 0 0;
}
footer .selector:not(:last-child) {
margin-right: 10px;
}