diff options
| author | Furkan Sahin <furkan-dev@proton.me> | 2021-11-05 09:27:35 -0500 |
|---|---|---|
| committer | Furkan Sahin <furkan-dev@proton.me> | 2021-11-05 09:27:35 -0500 |
| commit | 85380b4b60bf74507a01957b29bd6e3808e216db (patch) | |
| tree | a43784660fdc29e5b95df3e358cf722eec2b092b /src/components/FileUpload.vue | |
| parent | ffef3a6be19d1139b6378c8119d444082dd0cbac (diff) | |
| parent | 29fc563863f561cdc707485289c5580b4397a580 (diff) | |
Merge pull request #10 from cobraguy/rewrite
Update to Svelte app
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> |
