fix: no more blurry countdown

2026-02-12 23:05:31 +01:00
parent 1000f6e080
commit 25f3ed1181
1 changed files with 5 additions and 10 deletions
--- a/src/modules/note/components/CacheAllNote.vue
+++ b/src/modules/note/components/CacheAllNote.vue
@@ -19,16 +19,7 @@ const confirmBeforeCachingAllNotes = async () => {
      class="progress progress-accent w-56"
      :max="totalOfNotes"
    ></progress>
-    <div>
-      <span class="countdown">
-        <span
-          :style="{ '--value': noteCompleted }"
-          aria-live="polite"
-          :aria-label="`${noteCompleted}`"
-          >{{ noteCompleted }}</span
-        ></span
-      >/{{ totalOfNotes }}
-    </div>
+    <div class="numeric">{{ noteCompleted }}/{{ totalOfNotes }}</div>
  </div>
  <button v-else class="button" @click="() => confirmBeforeCachingAllNotes()">
    <svg
@@ -56,4 +47,8 @@ const confirmBeforeCachingAllNotes = async () => {
 .cache-all-notes {
  text-align: center;
 }
+
+.numeric {
+  font-family: "Courier Prime", monospace;
+}
 </style>