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

Fix channel map size

Browse Source
This commit is contained in:
nymkappa 2022-08-22 22:06:31 +02:00
parent bd1d9573d6
commit fd46ea82bf
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
2 changed files with 36 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.html
View File

@ -8,7 +8,7 @@
<small style="color: #ffffff66" i18n="lightning.tor-nodes-excluded">(Tor nodes excluded)</small> <small style="color: #ffffff66" i18n="lightning.tor-nodes-excluded">(Tor nodes excluded)</small>
</div> </div>
<div class="chart" echarts [initOpts]="chartInitOptions" [options]="chartOptions" (chartInit)="onChartInit($event)" <div class="chart" [class]="style" echarts [initOpts]="chartInitOptions" [options]="chartOptions" (chartInit)="onChartInit($event)"
(chartFinished)="onChartFinished($event)"> (chartFinished)="onChartFinished($event)">
</div> </div>
</div> </div>

59
frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.scss
View File

@ -10,7 +10,7 @@
.full-container { .full-container {
padding: 0px 15px; padding: 0px 15px;
width: 100%; width: 100%;
min-height: 500px; min-height: 600px;
height: calc(100% - 150px); height: calc(100% - 150px);
@media (max-width: 992px) { @media (max-width: 992px) {
@ -18,17 +18,20 @@
padding-bottom: 100px; padding-bottom: 100px;
} }
} }
.full-container.nodepage { .full-container.nodepage {
min-height: 400px;
margin-top: 25px;
margin-bottom: 25px;
}
.full-container.channelpage {
min-height: 400px;
margin-top: 25px; margin-top: 25px;
margin-bottom: 25px; margin-bottom: 25px;
} }
.full-container.widget { .full-container.widget {
height: 250px; height: 250px;
min-height: 250px; min-height: 250px;
} }
.full-container.fit-container { .full-container.fit-container {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -41,25 +44,6 @@
} }
} }
.widget {
width: 90vw;
margin-left: auto;
margin-right: auto;
height: 250px;
-webkit-mask: linear-gradient(0deg, #11131f00 5%, #11131fff 25%);
@media (max-width: 767.98px) {
width: 100vw;
}
}
.widget > .chart {
min-height: 250px;
-webkit-mask: linear-gradient(180deg, #11131f00 0%, #11131fff 20%);
@media (max-width: 767.98px) {
padding-bottom: 0px;
}
}
.chart { .chart {
min-height: 500px; min-height: 500px;
width: 100%; width: 100%;
@ -80,6 +64,33 @@
padding-bottom: 55px; padding-bottom: 55px;
} }
} }
.chart.graph {
min-height: 600px;
}
.chart.nodepage {
min-height: 400px;
}
.chart.channelpage {
min-height: 400px;
}
.widget {
width: 90vw;
margin-left: auto;
margin-right: auto;
height: 250px;
-webkit-mask: linear-gradient(0deg, #11131f00 5%, #11131fff 25%);
@media (max-width: 767.98px) {
width: 100vw;
}
}
.widget > .chart {
min-height: 250px;
-webkit-mask: linear-gradient(180deg, #11131f00 0%, #11131fff 20%);
@media (max-width: 767.98px) {
padding-bottom: 0px;
}
}
.loading-spinner { .loading-spinner {
position: absolute; position: absolute;
@ -96,4 +107,4 @@
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
top: 250px; top: 250px;
} }
} }