diff --git a/frontend/src/app/lightning/nodes-ranking/top-nodes-per-capacity/top-nodes-per-capacity.component.html b/frontend/src/app/lightning/nodes-ranking/top-nodes-per-capacity/top-nodes-per-capacity.component.html index c62716624..9a169bb44 100644 --- a/frontend/src/app/lightning/nodes-ranking/top-nodes-per-capacity/top-nodes-per-capacity.component.html +++ b/frontend/src/app/lightning/nodes-ranking/top-nodes-per-capacity/top-nodes-per-capacity.component.html @@ -4,7 +4,7 @@
- +
@@ -29,10 +29,10 @@ {{ node.channels | number }}
Alias - + - + diff --git a/frontend/src/app/lightning/nodes-ranking/top-nodes-per-capacity/top-nodes-per-capacity.component.scss b/frontend/src/app/lightning/nodes-ranking/top-nodes-per-capacity/top-nodes-per-capacity.component.scss index 2b927db7f..59151f6b2 100644 --- a/frontend/src/app/lightning/nodes-ranking/top-nodes-per-capacity/top-nodes-per-capacity.component.scss +++ b/frontend/src/app/lightning/nodes-ranking/top-nodes-per-capacity/top-nodes-per-capacity.component.scss @@ -1,7 +1,7 @@ .container-xl { max-width: 1400px; padding-bottom: 100px; - @media (min-width: 767.98px) { + @media (min-width: 960px) { padding-left: 50px; padding-right: 50px; } @@ -15,40 +15,44 @@ width: 5%; } .widget .rank { - @media (min-width: 767.98px) { + @media (min-width: 960px) { width: 13%; } - @media (max-width: 767.98px) { + @media (max-width: 960px) { padding-left: 0px; padding-right: 0px; } } .full .alias { - width: 10%; + width: 20%; overflow: hidden; text-overflow: ellipsis; max-width: 350px; - @media (max-width: 767.98px) { - max-width: 175px; + @media (max-width: 960px) { + width: 40%; + max-width: 500px; } } .widget .alias { - width: 55%; + width: 60%; overflow: hidden; text-overflow: ellipsis; max-width: 350px; - @media (max-width: 767.98px) { + @media (max-width: 960px) { max-width: 175px; } } .full .capacity { width: 10%; + @media (max-width: 960px) { + width: 30%; + } } .widget .capacity { width: 32%; - @media (max-width: 767.98px) { + @media (max-width: 960px) { padding-left: 0px; padding-right: 0px; } @@ -57,28 +61,31 @@ .full .channels { width: 15%; padding-right: 50px; - @media (max-width: 767.98px) { + @media (max-width: 960px) { display: none; } } .full .timestamp-first { - width: 15%; - @media (max-width: 767.98px) { + width: 10%; + @media (max-width: 960px) { display: none; } } .full .timestamp-update { - width: 15%; - @media (max-width: 767.98px) { + width: 10%; + @media (max-width: 960px) { display: none; } } .full .location { - width: 10%; - @media (max-width: 767.98px) { + width: 15%; + @media (max-width: 960px) { + width: 30%; + } + @media (max-width: 600px) { display: none; } } \ No newline at end of file diff --git a/frontend/src/app/lightning/nodes-ranking/top-nodes-per-channels/top-nodes-per-channels.component.html b/frontend/src/app/lightning/nodes-ranking/top-nodes-per-channels/top-nodes-per-channels.component.html index f321573c1..7d02e510f 100644 --- a/frontend/src/app/lightning/nodes-ranking/top-nodes-per-channels/top-nodes-per-channels.component.html +++ b/frontend/src/app/lightning/nodes-ranking/top-nodes-per-channels/top-nodes-per-channels.component.html @@ -29,10 +29,10 @@ - + - + diff --git a/frontend/src/app/lightning/nodes-ranking/top-nodes-per-channels/top-nodes-per-channels.component.scss b/frontend/src/app/lightning/nodes-ranking/top-nodes-per-channels/top-nodes-per-channels.component.scss index 5af0e8339..59151f6b2 100644 --- a/frontend/src/app/lightning/nodes-ranking/top-nodes-per-channels/top-nodes-per-channels.component.scss +++ b/frontend/src/app/lightning/nodes-ranking/top-nodes-per-channels/top-nodes-per-channels.component.scss @@ -1,7 +1,7 @@ .container-xl { max-width: 1400px; padding-bottom: 100px; - @media (min-width: 767.98px) { + @media (min-width: 960px) { padding-left: 50px; padding-right: 50px; } @@ -15,70 +15,77 @@ width: 5%; } .widget .rank { - @media (min-width: 767.98px) { + @media (min-width: 960px) { width: 13%; } - @media (max-width: 767.98px) { + @media (max-width: 960px) { padding-left: 0px; padding-right: 0px; } } .full .alias { - width: 10%; + width: 20%; overflow: hidden; text-overflow: ellipsis; max-width: 350px; - @media (max-width: 767.98px) { - max-width: 175px; + @media (max-width: 960px) { + width: 40%; + max-width: 500px; } } .widget .alias { - width: 55%; + width: 60%; overflow: hidden; text-overflow: ellipsis; max-width: 350px; - @media (max-width: 767.98px) { + @media (max-width: 960px) { max-width: 175px; } } -.full .channels { +.full .capacity { width: 10%; + @media (max-width: 960px) { + width: 30%; + } } -.widget .channels { +.widget .capacity { width: 32%; - @media (max-width: 767.98px) { + @media (max-width: 960px) { padding-left: 0px; padding-right: 0px; } } -.full .capacity { +.full .channels { width: 15%; padding-right: 50px; - @media (max-width: 767.98px) { + @media (max-width: 960px) { display: none; } } .full .timestamp-first { - width: 15%; - @media (max-width: 767.98px) { + width: 10%; + @media (max-width: 960px) { display: none; } } .full .timestamp-update { - width: 15%; - @media (max-width: 767.98px) { + width: 10%; + @media (max-width: 960px) { display: none; } } .full .location { - width: 10%; - @media (max-width: 767.98px) { + width: 15%; + @media (max-width: 960px) { + width: 30%; + } + @media (max-width: 600px) { display: none; } } \ No newline at end of file diff --git a/frontend/src/app/shared/components/timestamp/timestamp.component.html b/frontend/src/app/shared/components/timestamp/timestamp.component.html index 69abce53f..b0d4f3b3f 100644 --- a/frontend/src/app/shared/components/timestamp/timestamp.component.html +++ b/frontend/src/app/shared/components/timestamp/timestamp.component.html @@ -1,7 +1,7 @@ - ‎{{ seconds * 1000 | date: customFormat ?? 'yyyy-MM-dd HH:mm' }} -
+
()
diff --git a/frontend/src/app/shared/components/timestamp/timestamp.component.ts b/frontend/src/app/shared/components/timestamp/timestamp.component.ts index 120a5dfe4..e3b96c376 100644 --- a/frontend/src/app/shared/components/timestamp/timestamp.component.ts +++ b/frontend/src/app/shared/components/timestamp/timestamp.component.ts @@ -10,6 +10,7 @@ export class TimestampComponent implements OnChanges { @Input() unixTime: number; @Input() dateString: string; @Input() customFormat: string; + @Input() hideTimeSince: boolean = false; seconds: number | undefined = undefined;