mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2024-11-20 10:21:52 +01:00
Code Issues Projects Releases Wiki Activity

Fixing header margin and Lightning charts

Browse Source
This commit is contained in:
softsimon 2023-05-06 00:08:26 +04:00
parent 3425f2e390
commit e5ae2f6ef6
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
4 changed files with 35 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/app/components/master-page/master-page.component.html
View File

@ -64,8 +64,7 @@
<app-testnet-alert *ngIf="network.val === 'testnet' || network.val === 'signet'"></app-testnet-alert>
<br />
<main>
<main style="margin-top: 24px;">
<router-outlet></router-outlet>
</main>

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

@ -4,17 +4,20 @@
@media (min-width: 465px) {
font-size: 20px;
}
@media (min-width: 992px) {
height: 40px;
}
}
.full-container {
display: flex;
flex-direction: column;
padding: 0px 15px;
width: 100%;
min-height: 500px;
height: calc(100% - 150px);
@media (max-width: 992px) {
height: 100%;
padding-bottom: 100px;
};
height: calc(100vh - 250px);
@media (min-width: 992px) {
height: calc(100vh - 150px);
}
}
.full-container.widget {
min-height: 240px;
@ -34,8 +37,10 @@
}
.chart {
width: 100%;
display: flex;
flex: 1;
height: 100%;
padding-top: 30px;
padding-bottom: 20px;
padding-right: 10px;
@media (max-width: 992px) {

17
frontend/src/app/lightning/nodes-networks-chart/nodes-networks-chart.component.scss
View File

@ -4,6 +4,9 @@
@media (min-width: 465px) {
font-size: 20px;
}
@media (min-width: 992px) {
height: 40px;
}
}
.main-title {
@ -18,17 +21,19 @@
}
.full-container {
display: flex;
flex-direction: column;
padding: 0px 15px;
width: 100%;
min-height: 500px;
height: calc(100% - 150px);
@media (max-width: 992px) {
padding-bottom: 100px;
};
height: calc(100vh - 250px);
@media (min-width: 992px) {
height: calc(100vh - 150px);
}
}
.chart {
width: 100%;
display: flex;
flex: 1;
height: 100%;
padding-bottom: 20px;
padding-right: 10px;

17
frontend/src/app/lightning/statistics-chart/lightning-statistics-chart.component.scss
View File

@ -4,6 +4,9 @@
@media (min-width: 465px) {
font-size: 20px;
}
@media (min-width: 992px) {
height: 40px;
}
}
.main-title {
@ -18,17 +21,19 @@
}
.full-container {
display: flex;
flex-direction: column;
padding: 0px 15px;
width: 100%;
min-height: 500px;
height: calc(100% - 150px);
@media (max-width: 992px) {
padding-bottom: 100px;
};
height: calc(100vh - 250px);
@media (min-width: 992px) {
height: calc(100vh - 150px);
}
}
.chart {
width: 100%;
display: flex;
flex: 1;
height: 100%;
padding-bottom: 20px;
padding-right: 10px;