refactor: wip image uploader, hide progress bar for single image uplo…

…ads, fix input css
epochtalk · Sep 23, 2021 · 65bf471 · 65bf471
1 parent 79fa138
commit 65bf471
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/images/ImageUploader.vue b/src/components/images/ImageUploader.vue
@@ -1,6 +1,7 @@
 <template>
+    <label v-if="purpose === 'avatar'" for="fileInput">Avatar URL</label>
     <input type="file" name="fileInput" id="fileInput" @change="uploadFile" ref="fileInput" :multiple="multiple"><br>
-    <progress ref="progressBar" style="width: 100%" :value="imagesProgress" max="100"></progress>
+    <progress v-if="!purpose" ref="progressBar" style="width: 100%" :value="imagesProgress" max="100"></progress>
 </template>
 
 <script>
@@ -205,3 +206,9 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+  #fileInput {
+    height: auto;
+  }
+</style>