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

Update block, address & tx preview layouts

Browse Source
This commit is contained in:
Mononaut
2022-09-01 17:01:31 +00:00
parent 595bfc2551
commit d9b47f3546
12 changed files with 114 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/lightning/node/node-preview.component.html
View File

@@ -1,13 +1,17 @@
<div class="box preview-box" *ngIf="(node$ | async) as node">
<h2 class="preview-header" i18n="lightning.node">Lightning node</h2>
<h2 class="preview-header" i18n="lightning.node">lightning node</h2>
<div class="row d-flex justify-content-between full-width-row">
<h1 class="title">{{ node.alias }}</h1>
<h1 class="title"></h1>
<div class="title-wrapper">
<h1 class="title">{{ node.alias }}</h1>
</div>
<div class="badges mb-2">
<span class="badge rounded-pill badge-success" *ngFor="let socketType of socketTypes">{{ socketType }}</span>
</div>
</div>
<div class="row">
<div class="col-md">
<a class="subtitle" [routerLink]="['/lightning/node' | relativeUrl, node.public_key]">{{ node.public_key }}</a>
<table class="table table-borderless table-striped">
<tbody>
<tr>

21
frontend/src/app/lightning/node/node-preview.component.scss
View File

@@ -1,16 +1,5 @@
.title {
font-size: 52px;
margin: 0;
width: 0;
flex-grow: 1;
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.table {
margin-top: 48px;
margin-top: 6px;
font-size: 32px;
}
@@ -33,14 +22,14 @@
flex-grow: 0;
flex-shrink: 0;
width: 470px;
height: 390px;
height: 408px;
min-width: 470px;
min-height: 390px;
max-height: 390px;
min-height: 408px;
max-height: 408px;
padding: 0;
background: #181b2d;
overflow: hidden;
margin-top: 18px;
margin-top: 6px;
}
.row {