Updated mempool group page
This commit is contained in:
		
							parent
							
								
									1b2e7090c3
								
							
						
					
					
						commit
						ad30ba9602
					
				@ -1,17 +1,24 @@
 | 
			
		||||
<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="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>
 | 
			
		||||
    <h1>The Mempool Open Source Project</h1>
 | 
			
		||||
  </div>
 | 
			
		||||
 | 
			
		||||
  <br>
 | 
			
		||||
 | 
			
		||||
  <div class="box">
 | 
			
		||||
    <div class="row" *ngIf="nodes$ | async as nodes">
 | 
			
		||||
      <div class="col-12 col-md-6">
 | 
			
		||||
        <table class="table table-borderless table-striped">
 | 
			
		||||
          <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>
 | 
			
		||||
              <td i18n="lightning.node-count">Nodes</td>
 | 
			
		||||
              <td>{{ nodes.nodes.length }}</td>
 | 
			
		||||
@ -45,6 +52,7 @@
 | 
			
		||||
  </div>
 | 
			
		||||
 | 
			
		||||
  <br>
 | 
			
		||||
 | 
			
		||||
  <div class="toggle-holder">
 | 
			
		||||
    <form [formGroup]="socketToggleForm" class="formRadioGroup">
 | 
			
		||||
      <div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" formControlName="socket">
 | 
			
		||||
 | 
			
		||||
@ -1,10 +1,14 @@
 | 
			
		||||
.logo-container {
 | 
			
		||||
  width: 250px;
 | 
			
		||||
  margin: auto;
 | 
			
		||||
  width: 50px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.header {
 | 
			
		||||
  text-align: center;
 | 
			
		||||
  display: flex;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
h1 {
 | 
			
		||||
  margin-left: 15px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.qr-wrapper {
 | 
			
		||||
@ -50,3 +54,6 @@
 | 
			
		||||
  font-size: 12px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.description-text {
 | 
			
		||||
  white-space: break-spaces;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -87,7 +87,7 @@
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
<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>
 | 
			
		||||
 | 
			
		||||
<br>
 | 
			
		||||
 | 
			
		||||
@ -36,7 +36,7 @@ const routes: Routes = [
 | 
			
		||||
          component: NodesPerISP,
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          path: 'group/mempool.space',
 | 
			
		||||
          path: 'group/the-mempool-open-source-project',
 | 
			
		||||
          component: GroupComponent,
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user