Fix footer on bisq

This commit is contained in:
hunicus 2023-05-11 18:44:42 -04:00
parent f5d311ca44
commit a4bf545993
No known key found for this signature in database
GPG Key ID: 24837C51B6D81FD9
5 changed files with 16 additions and 5 deletions

View File

@ -36,7 +36,7 @@
<h5 class="card-title">US Dollar - BTC/USD</h5>
<div class="chart-container">
<ng-container *ngIf="hlocData$ | async as hlocData; else loadingSpinner">
<app-lightweight-charts [height]="300" [data]="hlocData.hloc" [volumeData]="hlocData.volume" [precision]="2"></app-lightweight-charts>
<app-lightweight-charts [height]="300" [data]="hlocData.hloc" [volumeData]="hlocData.volume" [precision]="2"></app-lightweight-charts>
</ng-container>
</div>
</div>
@ -84,7 +84,7 @@
</ng-template>
</td>
<td>{{ ticker.volume?.num_trades ? ticker.volume?.num_trades : 0 }}</td>
</tr>
</tr>
</tbody>
</table>
</div>
@ -105,7 +105,6 @@
</ng-container>
</div>
<app-global-footer></app-global-footer>
</div>
<ng-template #loadingTmpl>
@ -122,4 +121,4 @@
<ng-template #loading>
<div class="skeleton-loader shorter"></div>
</ng-template>
</ng-template>

View File

@ -84,4 +84,6 @@
<router-outlet></router-outlet>
<app-global-footer></app-global-footer>
<br>

View File

@ -17,6 +17,12 @@ li.nav-item {
padding-right: 10px;
}
@media (max-width: 992px) {
footer > .container-fluid {
padding-bottom: 35px;
}
}
@media (min-width: 992px) {
.navbar {
padding: 0rem 2rem;

View File

@ -17,6 +17,7 @@ export class BisqMasterPageComponent implements OnInit {
isMobile = window.innerWidth <= 767.98;
urlLanguage: string;
networkPaths: { [network: string]: string };
footerVisible = false;
constructor(
private stateService: StateService,
@ -31,6 +32,9 @@ export class BisqMasterPageComponent implements OnInit {
this.urlLanguage = this.languageService.getLanguageForUrl();
this.navigationService.subnetPaths.subscribe((paths) => {
this.networkPaths = paths;
if( paths.bisq === "" ) {
this.footerVisible = true;
}
});
}

View File

@ -1147,7 +1147,7 @@ th {
display: none;
}
app-master-page, app-liquid-master-page {
app-master-page, app-liquid-master-page, app-bisq-master-page {
display: flex;
flex-direction: column;
min-height: 100vh;