diff --git a/src/Frontend/src/components/configuration/MassTransitConnector.vue b/src/Frontend/src/components/configuration/MassTransitConnector.vue index e564657d4d..dabced14e3 100644 --- a/src/Frontend/src/components/configuration/MassTransitConnector.vue +++ b/src/Frontend/src/components/configuration/MassTransitConnector.vue @@ -3,9 +3,9 @@ import { useConfiguration } from "@/composables/configuration"; import moment from "moment"; const configuration = useConfiguration(); -// "Wed, Jan 15th 2025 10:56:21 +10:00", + function formatDate(date: string) { - return moment(date).local().format("LLLL"); //.format("ddd, MMM Do YYYY HH:mm:ss Z"); + return moment(date).local().format("LLLL"); } @@ -19,10 +19,10 @@ function formatDate(date: string) {

List of error queues configured in the connector.

-
-
{{ queue.name }}
-
Not ingesting
-
Ok
+
+ + + {{ queue.name }}
@@ -55,15 +55,14 @@ function formatDate(date: string) { } .queues-container { - max-width: 100%; - width: fit-content; padding: 0.75rem; } -.queues-container .row { - display: grid; - grid-template-columns: 5fr minmax(10em, 1fr); +.queues-container > div { + display: flex; + align-items: center; + gap: 0.5em; } -.queues-container .row div { +.queues-container > div div { overflow-wrap: anywhere; } @@ -93,7 +92,7 @@ function formatDate(date: string) { .error-color { color: var(--bs-danger); } -.ok-color { +.info-color { color: var(--bs-success); }