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
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
3 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/menu/menu.component.html
View File

@ -5,7 +5,7 @@
<span *ngIf="userAuth" class="menu-click"> <span *ngIf="userAuth" class="menu-click">
<strong class="menu-click">@ {{ userAuth.user.username }}</strong> <strong class="menu-click">@ {{ userAuth.user.username }}</strong>
</span> </span>
<a *ngIf="!userAuth" class="d-flex justify-content-center align-items-center nav-link m-0 menu-click" routerLink="/login" role="tab"> <a *ngIf="!userAuth" class="d-flex justify-content-center align-items-center nav-link m-0 menu-click" routerLink="/login" role="tab" (click)="onLinkClick('/login')">
<fa-icon class="menu-click" [icon]="['fas', 'user-circle']" [fixedWidth]="true" style="font-size: 25px;margin-right: 15px;"></fa-icon> <fa-icon class="menu-click" [icon]="['fas', 'user-circle']" [fixedWidth]="true" style="font-size: 25px;margin-right: 15px;"></fa-icon>
<span class="menu-click" style="font-size: 20px;">Sign in</span> <span class="menu-click" style="font-size: 20px;">Sign in</span>
</a> </a>

10
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="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>
</div> </div>
<div class="site-options"> <div class="site-options d-flex justify-content-center align-items-center">
<div class="selector"> <div class="selector">
<app-language-selector></app-language-selector> <app-language-selector></app-language-selector>
</div> </div>
@ -17,7 +17,15 @@
<div class="selector"> <div class="selector">
<app-rate-unit-selector></app-rate-unit-selector> <app-rate-unit-selector></app-rate-unit-selector>
</div> </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> </div>
<div class="row col-md-12 link-tree"> <div class="row col-md-12 link-tree">

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