diff --git a/frontend/src/components/CurrentlyBuilding.vue b/frontend/src/components/CurrentlyBuilding.vue index 6b5f609..c550110 100644 --- a/frontend/src/components/CurrentlyBuilding.vue +++ b/frontend/src/components/CurrentlyBuilding.vue @@ -6,10 +6,10 @@ style="border-radius: 10px; border: 2px solid grey" variant="elevated"> - - - -
+ + + +
Building @@ -18,7 +18,7 @@ - + + :class="mobile ? 'mt-n3' : 'text-end ms-auto'" + class="text-grey v-col-12 v-col-sm-auto" + cols="auto" + style="font-size: 13px"> Last updated {{ lastUpdatedSeconds > 59 @@ -88,10 +89,13 @@ import { onMounted, ref } from 'vue' import type { Packages } from '@/types/Packages' import { Package } from '@/types/Package' +import { useDisplay } from 'vuetify' // This variable sets the update-interval const updateIntervalInMinutes = 5 +const { mobile } = useDisplay() + const lastUpdatedTime = ref(0) const lastUpdatedSeconds = ref(0) const rtf = new Intl.RelativeTimeFormat('en', { @@ -133,7 +137,7 @@ const getTotalPackages = () => { } const getBuiltPackages = () => { - fetch('https://api.alhp.dev/packages?limit=0&offset=0&status=build', { + fetch('https://api.alhp.dev/packages?limit=1&offset=0&status=build', { method: 'GET' }) .then((response) => { @@ -150,7 +154,7 @@ const getBuiltPackages = () => { } const getBuildingPackages = () => { - fetch('https://api.alhp.dev/packages?limit=0&offset=0&status=building', { + fetch('https://api.alhp.dev/packages?limit=1&offset=0&status=building', { method: 'GET' }) .then((response) => { @@ -167,7 +171,7 @@ const getBuildingPackages = () => { } const getQueuedPackages = () => { - fetch('https://api.alhp.dev/packages?limit=0&offset=0&status=queued', { + fetch('https://api.alhp.dev/packages?limit=1&offset=0&status=queued', { method: 'GET' }) .then((response) => {