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

Make flags clickable

Browse Source
This commit is contained in:
nymkappa 2022-07-23 10:18:36 +02:00
parent 6635f2ce8f
commit 0508ac1a5d
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
2 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.html
View File

@ -35,11 +35,11 @@
<tr *ngFor="let country of countries"> <tr *ngFor="let country of countries">
<td class="text-left rank">{{ country.rank }}</td> <td class="text-left rank">{{ country.rank }}</td>
<td class="text-left text-truncate name"> <td class="text-left text-truncate name">
<div class="d-flex"> <a class="d-flex align-items-center" [routerLink]="['/lightning/nodes/country' | relativeUrl, country.iso]">
<span style="font-size: 20px">{{ country.flag }}</span> <span class="flag">{{ country.flag }}</span>
&nbsp; &nbsp;
<a class="mt-auto mb-auto" [routerLink]="['/lightning/nodes/country' | relativeUrl, country.iso]">{{ country.name.en }}</a> <span class="link">{{ country.name.en }}</span>
</div> </a>
</td> </td>
<td class="text-right share">{{ country.share }}%</td> <td class="text-right share">{{ country.share }}%</td>
<td class="text-right nodes">{{ country.count }}</td> <td class="text-right nodes">{{ country.count }}</td>

12
frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.scss
View File

@ -79,3 +79,15 @@
max-width: 100px; max-width: 100px;
} }
} }
a {
text-decoration: none;
}
a:hover .link {
text-decoration: underline;
}
.flag {
font-size: 20px;
}