Add overlays when loading / data error

This commit is contained in:
D. Berge
2025-08-19 18:58:04 +02:00
parent b48a060dc0
commit b7543aa6c4

View File

@@ -1,5 +1,27 @@
<template>
<v-container fluid fill-height class="ma-0 pa-0">
<v-overlay :value="loading && !comparisons.length" absolute>
<v-progress-circular
indeterminate
size="64"
></v-progress-circular>
</v-overlay>
<v-overlay :value="!loading && !groupFound" absolute opacity="0.8">
<v-row justify="center">
<v-alert
type="error"
>
Group not found
</v-alert>
</v-row>
<v-row justify="center">
<v-btn color="primary" @click="refreshProjects">Retry</v-btn>
</v-row>
</v-overlay>
<v-row no-gutters align="stretch" class="fill-height">
<v-col cols="12" v-if="groupFound">