Fix ebook url #75, download other files #75, fix book icon disappearing #88, backups #87

client/components/ui/FileInput.vue

@@ -1,17 +1,21 @@
 <template>
   <div>
-    <input ref="fileInput" id="hidden-input" type="file" :accept="inputAccept" class="hidden" @change="inputChanged" />
-    <ui-btn @click="clickUpload" color="primary" type="text">Upload Cover</ui-btn>
+    <input ref="fileInput" id="hidden-input" type="file" :accept="accept" class="hidden" @change="inputChanged" />
+    <ui-btn @click="clickUpload" color="primary" type="text"><slot /></ui-btn>
   </div>
 </template>
 
 <script>
 export default {
-  data() {
-    return {
-      inputAccept: '.png, .jpg, .jpeg, .webp'
+  props: {
+    accept: {
+      type: String,
+      default: '.png, .jpg, .jpeg, .webp'
     }
   },
+  data() {
+    return {}
+  },
   computed: {},
   methods: {
     reset() {

client/components/ui/TextInput.vue

@@ -26,6 +26,8 @@ export default {
       type: Number,
       default: 3
     },
+    noSpinner: Boolean,
+    textCenter: Boolean,
     clearable: Boolean
   },
   data() {
@@ -44,6 +46,8 @@ export default {
       var _list = []
       _list.push(`px-${this.paddingX}`)
       _list.push(`py-${this.paddingY}`)
+      if (this.noSpinner) _list.push('no-spinner')
+      if (this.textCenter) _list.push('text-center')
       return _list.join(' ')
     }
   },

client/components/ui/Tooltip.vue

@@ -98,6 +98,7 @@ export default {
       if (!this.$refs.box) return // Ensure element is not destroyed
       try {
         document.body.appendChild(this.tooltip)
+        this.setTooltipPosition(this.tooltip)
       } catch (error) {
         console.error(error)
       }