fix: ui changes

ad-on-is · Mar 19, 2024 · 4395c65 · 4395c65
1 parent dba24a5
commit 4395c65
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/frontend/components/Repository/Snapshots.vue b/frontend/components/Repository/Snapshots.vue
@@ -7,9 +7,12 @@
 		</USelectMenu>
 		<UButton v-if="selected.length > 0" icon="i-heroicons-trash" color="orange" variant="outline">Prune snapshots</UButton>
 	</UButtonGroup>
-	<div v-if="loading" class="mt-10">LOADING Snapshots</div>
+	<div v-if="loading">
+		<UProgress animation="carousel" class="mt-5" color="purple" />
+		<p class="text-purple-500 text-center">Loading snapshots</p>
+	</div>
 	<div v-else class="mt-10">
-		<UAccordion :items="snapshotGroups" color="gray" variant="outline">
+		<UAccordion :items="snapshotGroups" color="gray" variant="outline" loading="true">
 			<template #default="{ item, index, open }">
 				<UButton color="gray" variant="ghost" :class="open ? 'bg-gray-950/50' : ''" :ui="{ padding: { sm: 'p-3' } }">
 					<template #leading>