mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-02-23 06:35:15 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #4572 from mempool/nymkappa/fix-footer

Browse source 
[footer] fix css
This commit is contained in:
softsimon 2024-01-14 10:32:49 +07:00 • committed by GitHub
commit 203e2040d7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 30 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/app/shared/components/global-footer/global-footer.component.html
View file

@ -7,11 +7,11 @@
<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>
<p class="d-block d-sm-none"> <p class="explore-tagline-mobile">
<ng-container i18n="@@7deec1c1520f06170e1f8e8ddfbe4532312f638f">Explore the full Bitcoin ecosystem</ng-container> <ng-container i18n="@@7deec1c1520f06170e1f8e8ddfbe4532312f638f">Explore the full Bitcoin ecosystem</ng-container>
<ng-template [ngIf]="locale.substr(0, 2) === 'en'"> &trade;</ng-template> <ng-template [ngIf]="locale.substr(0, 2) === 'en'"> &trade;</ng-template>
</p> </p>
<div class="site-options float-right d-flex justify-content-center align-items-center" [class]="{'services': isServicesPage}"> <div class="site-options language-selector d-flex justify-content-center align-items-center" [class]="{'services': isServicesPage}">
<div class="selector"> <div class="selector">
<app-language-selector></app-language-selector> <app-language-selector></app-language-selector>
</div> </div>
@ -26,11 +26,11 @@
<span *ngIf="!loggedIn" i18n="shared.sign-in">Sign In</span> <span *ngIf="!loggedIn" i18n="shared.sign-in">Sign In</span>
</a> </a>
</div> </div>
<a *ngIf="servicesEnabled" class="btn btn-purple sponsor d-flex d-sm-none justify-content-center ml-auto mr-auto mt-3 mb-2" [routerLink]="['/login' | relativeUrl]"> <a *ngIf="servicesEnabled" class="btn btn-purple sponsor d-flex d-sm-none justify-content-center ml-auto mr-auto mt-0 mb-2" [routerLink]="['/login' | relativeUrl]">
<span *ngIf="loggedIn" i18n="shared.my-account">My Account</span> <span *ngIf="loggedIn" i18n="shared.my-account">My Account</span>
<span *ngIf="!loggedIn" i18n="shared.sign-in">Sign In</span> <span *ngIf="!loggedIn" i18n="shared.sign-in">Sign In</span>
</a> </a>
<p class="d-none d-sm-block"> <p class="explore-tagline-desktop">
<ng-container i18n="@@7deec1c1520f06170e1f8e8ddfbe4532312f638f">Explore the full Bitcoin ecosystem</ng-container> <ng-container i18n="@@7deec1c1520f06170e1f8e8ddfbe4532312f638f">Explore the full Bitcoin ecosystem</ng-container>
<ng-template [ngIf]="locale.substr(0, 2) === 'en'"> &trade;</ng-template> <ng-template [ngIf]="locale.substr(0, 2) === 'en'"> &trade;</ng-template>
</p> </p>

30
frontend/src/app/shared/components/global-footer/global-footer.component.scss
View file

@ -132,10 +132,36 @@ footer .row.version p a {
footer .sponsor { footer .sponsor {
height: 31px; height: 31px;
align-items: center; align-items: center;
margin-right: 5px;
margin-left: 5px; margin-left: 5px;
max-width: 160px; max-width: 160px;
} }
.explore-tagline-desktop {
display: none;
}
.explore-tagline-mobile {
display: block;
}
@media (min-width: 901px) {
:host-context(.ltr-layout) .language-selector {
float: right !important;
}
:host-context(.rtl-layout) .language-selector {
float: left !important;
}
.explore-tagline-desktop {
display: block;
}
.explore-tagline-mobile {
display: none;
}
}
@media (max-width: 1200px) { @media (max-width: 1200px) {
.main-logo { .main-logo {
@ -195,10 +221,6 @@ footer .sponsor {
float: none; float: none;
margin-top: 15px; margin-top: 15px;
} }
footer .selector:not(:last-child) {
margin-right: 10px;
}
} }
@media (max-width: 1147px) { @media (max-width: 1147px) {