From 80f4f39006527038809a46e480566f836a87f276 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 29 Nov 2025 13:11:52 +0100
Subject: [PATCH] fix: progress bar for offline notes

---
 src/modules/note/components/CacheAllNote.vue | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/modules/note/components/CacheAllNote.vue b/src/modules/note/components/CacheAllNote.vue
index b4ba65c..2baab94 100644
--- a/src/modules/note/components/CacheAllNote.vue
+++ b/src/modules/note/components/CacheAllNote.vue
@@ -1,25 +1,25 @@
 <script setup lang="ts">
-import { useOfflineNotes } from '@/hooks/useOfflineNotes.hook'
-import { confirmMessage } from '@/utils/notif'
+import { useOfflineNotes } from "@/hooks/useOfflineNotes.hook"
+import { confirmMessage } from "@/utils/notif"
 
 const { cacheAllNotes, isLoading, totalOfNotes, noteCompleted } =
   useOfflineNotes()
 
 const confirmBeforeCachingAllNotes = async () => {
-  confirm('Do you want to cache all notes?')
+  confirm("Do you want to cache all notes?")
   await cacheAllNotes()
-  confirmMessage('✅ All notes have been locally saved')
+  confirmMessage("✅ All notes have been locally saved")
 }
 </script>
 
 <template>
   <div v-if="isLoading" class="cache-all-notes">
-    <div>{{ noteCompleted }}/{{ totalOfNotes }}</div>
     <progress
       :value="noteCompleted"
-      class="progress"
+      class="progress progress-accent w-56"
       :max="totalOfNotes"
     ></progress>
+    <div>{{ noteCompleted }}/{{ totalOfNotes }}</div>
   </div>
   <button v-else class="button" @click="() => confirmBeforeCachingAllNotes()">
     <svg
@@ -45,8 +45,6 @@ const confirmBeforeCachingAllNotes = async () => {
 
 <style scoped lang="scss">
 .cache-all-notes {
-  display: flex;
-  gap: 1rem;
-  align-items: center;
+  text-align: center;
 }
 </style>