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

Fix global footer css

Browse Source
This commit is contained in:
natsoni 2024-08-19 17:13:41 +02:00
parent c7f48b4390
commit e59308c2f5
No known key found for this signature in database
GPG Key ID: C65917583181743B
2 changed files with 26 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -27,27 +27,27 @@
<div class="selector"> <div class="selector">
<app-rate-unit-selector></app-rate-unit-selector> <app-rate-unit-selector></app-rate-unit-selector>
</div> </div>
<div class="selector d-none d-sm-flex"> <div class="selector d-none" [ngClass]="isServicesPage ? 'd-lg-flex' : 'd-md-flex'">
<app-amount-selector></app-amount-selector> <app-amount-selector></app-amount-selector>
</div> </div>
@if (!env.customize?.theme) { @if (!env.customize?.theme) {
<div class="selector d-none d-sm-flex"> <div class="selector d-none" [ngClass]="isServicesPage ? 'd-lg-flex' : 'd-md-flex'">
<app-theme-selector></app-theme-selector> <app-theme-selector></app-theme-selector>
</div> </div>
} }
<a *ngIf="stateService.isMempoolSpaceBuild" class="btn btn-purple sponsor d-none d-sm-flex justify-content-center" [routerLink]="['/login']"> <a *ngIf="stateService.isMempoolSpaceBuild" class="btn btn-purple sponsor d-none justify-content-center" [ngClass]="isServicesPage ? 'd-lg-flex' : 'd-md-flex'" [routerLink]="['/login']">
<span *ngIf="user" i18n="shared.my-account" class="nowrap">My Account</span> <span *ngIf="user" i18n="shared.my-account" class="nowrap">My Account</span>
<span *ngIf="!user" i18n="shared.sign-in" class="nowrap">Sign In</span> <span *ngIf="!user" i18n="shared.sign-in" class="nowrap">Sign In</span>
</a> </a>
</div> </div>
@if (!env.customize?.theme) { @if (!env.customize?.theme) {
<div class="selector d-flex d-sm-none justify-content-center ml-auto mr-auto mt-0"> <div class="selector d-flex justify-content-center ml-auto mr-auto mt-0" [ngClass]="isServicesPage ? 'd-lg-none' : 'd-md-none'">
<app-amount-selector class="add-margin"></app-amount-selector> <app-amount-selector class="add-margin"></app-amount-selector>
<app-theme-selector class="add-margin"></app-theme-selector> <app-theme-selector class="add-margin"></app-theme-selector>
</div> </div>
} }
@if (!enterpriseInfo?.footer_img) { @if (!enterpriseInfo?.footer_img) {
<a *ngIf="stateService.isMempoolSpaceBuild" class="btn btn-purple sponsor d-flex d-sm-none justify-content-center ml-auto mr-auto mt-0 mb-2" [routerLink]="['/login']"> <a *ngIf="stateService.isMempoolSpaceBuild" class="btn btn-purple sponsor d-flex justify-content-center ml-auto mr-auto mt-0 mb-2" [ngClass]="isServicesPage ? 'd-lg-none' : 'd-md-none'" [routerLink]="['/login']">
<span *ngIf="user" i18n="shared.my-account" class="nowrap">My Account</span> <span *ngIf="user" i18n="shared.my-account" class="nowrap">My Account</span>
<span *ngIf="!user" i18n="shared.sign-in" class="nowrap">Sign In</span> <span *ngIf="!user" i18n="shared.sign-in" class="nowrap">Sign In</span>
</a> </a>

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

@ -159,7 +159,7 @@ footer .nowrap {
display: block; display: block;
} }
@media (min-width: 951px) { @media (min-width: 1020px) {
:host-context(.ltr-layout) .language-selector { :host-context(.ltr-layout) .language-selector {
float: right !important; float: right !important;
} }
@ -177,7 +177,24 @@ footer .nowrap {
} }
.services { .services {
@media (min-width: 951px) and (max-width: 1147px) { @media (min-width: 1300px) {
: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: 1300px) {
:host-context(.ltr-layout) .services .language-selector { :host-context(.ltr-layout) .services .language-selector {
float: none !important; float: none !important;
} }
@ -253,7 +270,7 @@ footer .nowrap {
} }
@media (max-width: 950px) { @media (max-width: 1019px) {
.main-logo { .main-logo {
width: 220px; width: 220px;
@ -292,7 +309,7 @@ footer .nowrap {
} }
} }
@media (max-width: 1147px) { @media (max-width: 1300px) {
.services.main-logo { .services.main-logo {
width: 220px; width: 220px;