From 4395c65ee7fd47a1e68c0d0655ea78822d31ade5 Mon Sep 17 00:00:00 2001
From: Adis Durakovic <adis.durakovic@gmail.com>
Date: Tue, 19 Mar 2024 17:31:55 +0100
Subject: [PATCH] fix: ui changes

---
 frontend/components/Repository/Snapshots.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/components/Repository/Snapshots.vue b/frontend/components/Repository/Snapshots.vue
index 39444ad..a2e4620 100644
--- 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>