starred/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-06-05 10:12:44 +02:00
Code Issues 1.0k Packages Projects Releases 10 Wiki Activity

Added progress to upload

Browse Source
This commit is contained in:
Vito0912
2025-09-27 17:00:57 +02:00
parent e040396b20
commit 9ce6de3100
3 changed files with 83 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/components/ui/LoadingIndicator.vue
+7 -2
View File
@@ -1,5 +1,5 @@
<template>
<div class="w-40">
<div :class="hasSlotContent ? 'w-auto' : 'w-40'">
<div class="bg-bg border border-gray-500 py-2 px-5 rounded-lg flex items-center flex-col box-shadow-md">
<div class="loader-dots block relative w-20 h-5 mt-2">
<div class="absolute top-0 mt-1 w-3 h-3 rounded-full bg-green-500"></div>
@@ -7,7 +7,9 @@
<div class="absolute top-0 mt-1 w-3 h-3 rounded-full bg-green-500"></div>
<div class="absolute top-0 mt-1 w-3 h-3 rounded-full bg-green-500"></div>
</div>
<div class="text-gray-200 text-xs font-light mt-2 text-center">{{ message }}</div>
<slot>
<div class="text-gray-200 text-xs font-light mt-2 text-center">{{ message }}</div>
</slot>
</div>
</div>
</template>
@@ -23,6 +25,9 @@ export default {
computed: {
message() {
return this.text || this.$strings.MessagePleaseWait
},
hasSlotContent() {
return this.$slots.default && this.$slots.default.length > 0
}
}
}