diff options
Diffstat (limited to 'src/components/FileUpload.vue')
| -rw-r--r-- | src/components/FileUpload.vue | 51 |
1 files changed, 0 insertions, 51 deletions
diff --git a/src/components/FileUpload.vue b/src/components/FileUpload.vue deleted file mode 100644 index 082fc9d..0000000 --- a/src/components/FileUpload.vue +++ /dev/null @@ -1,51 +0,0 @@ -<template> - <label class="file-upload-lbl"> - <input - type="file" - :accept="accept" - @change="$emit('fileChanged', $event.target.files)" - :multiple="multiple" hidden /> - <slot>Upload</slot> - </label> -</template> - -<script lang="ts"> -import { defineComponent } from 'vue'; - -export default defineComponent({ - name: 'FileUpload', - props: { - accept: { - type: String, - required: false, - }, - multiple: { - type: Boolean, - default: false, - }, - }, - emits: { - fileChanged: null, - }, -}); -</script> - -<style scoped> -.file-upload-lbl { - background-color: #500000; - color: white; - padding: 0.5em; - text-align: center; -} - -.file-upload-lbl:hover { - color: grey; - cursor: pointer; -} - -@media (prefers-color-scheme: dark) { - .file-upload-lbl { - background-color: #81302b; - } -} -</style> |
