[footer] re-add main CTA with better design
This commit is contained in:
parent
9ee11b64e9
commit
9fa715e403
@ -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>
|
||||||
|
@ -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,8 +17,16 @@
|
|||||||
<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>
|
||||||
</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 class="row col-md-12 link-tree">
|
<div class="row col-md-12 link-tree">
|
||||||
<div class="links">
|
<div class="links">
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user