Updated mempool group page

This commit is contained in:
softsimon 2022-09-18 23:05:11 +02:00
parent 1b2e7090c3
commit ad30ba9602
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
4 changed files with 22 additions and 7 deletions

View File

@ -1,17 +1,24 @@
<div class="container-xl full-height" style="min-height: 335px"> <div class="container-xl full-height" style="min-height: 335px">
<h5 class="mb-1" style="color: #ffffff66" i18n="lightning.node">Lightning node group</h5>
<div class="header"> <div class="header">
<div class="logo-container"> <div class="logo-container">
<app-svg-images name="officialMempoolSpace" viewBox="0 0 500 126"></app-svg-images> <app-svg-images name="officialMempoolSpace" viewBox="0 0 125 126"></app-svg-images>
</div> </div>
<h1>The Mempool Open Source Project</h1>
</div> </div>
<br>
<div class="box"> <div class="box">
<div class="row" *ngIf="nodes$ | async as nodes"> <div class="row" *ngIf="nodes$ | async as nodes">
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<table class="table table-borderless table-striped"> <table class="table table-borderless table-striped">
<tbody> <tbody>
<tr>
<td>Description</td>
<td><div class="description-text">These are the Lightning nodes operated by The Mempool Open Source Project that provide data for the mempool.space website. Connect to us!
</div>
</td>
</tr>
<tr> <tr>
<td i18n="lightning.node-count">Nodes</td> <td i18n="lightning.node-count">Nodes</td>
<td>{{ nodes.nodes.length }}</td> <td>{{ nodes.nodes.length }}</td>
@ -45,6 +52,7 @@
</div> </div>
<br> <br>
<div class="toggle-holder"> <div class="toggle-holder">
<form [formGroup]="socketToggleForm" class="formRadioGroup"> <form [formGroup]="socketToggleForm" class="formRadioGroup">
<div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" formControlName="socket"> <div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" formControlName="socket">

View File

@ -1,10 +1,14 @@
.logo-container { .logo-container {
width: 250px; width: 50px;
margin: auto;
} }
.header { .header {
text-align: center; text-align: center;
display: flex;
}
h1 {
margin-left: 15px;
} }
.qr-wrapper { .qr-wrapper {
@ -50,3 +54,6 @@
font-size: 12px; font-size: 12px;
} }
.description-text {
white-space: break-spaces;
}

View File

@ -87,7 +87,7 @@
<div class="text-small text-center mt-1" *ngIf="officialMempoolSpace"> <div class="text-small text-center mt-1" *ngIf="officialMempoolSpace">
<a [routerLink]="['/lightning/group/mempool.space' | relativeUrl]">Connect to our nodes</a> <a [routerLink]="['/lightning/group/the-mempool-open-source-project' | relativeUrl]">Connect to our nodes</a>
</div> </div>
<br> <br>

View File

@ -36,7 +36,7 @@ const routes: Routes = [
component: NodesPerISP, component: NodesPerISP,
}, },
{ {
path: 'group/mempool.space', path: 'group/the-mempool-open-source-project',
component: GroupComponent, component: GroupComponent,
}, },
{ {