[footer] re-add main CTA with better design

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

View File

@ -5,7 +5,7 @@
<span *ngIf="userAuth" class="menu-click">
<strong class="menu-click">@ {{ userAuth.user.username }}</strong>
</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>
<span class="menu-click" style="font-size: 20px;">Sign in</span>
</a>

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,7 +17,15 @@
<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>
<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">

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;
}