aboutsummaryrefslogtreecommitdiff
path: root/src/components/FileUpload.vue
diff options
context:
space:
mode:
authorFurkan Sahin <furkan-dev@proton.me>2021-09-05 21:39:24 -0500
committerFurkan Sahin <furkan-dev@proton.me>2021-09-05 21:39:24 -0500
commitd0975a6e7ee57de4debda94e823011d813fbf4a1 (patch)
tree69d61bf6c29104434b9e3de4946e7d5dd549dec0 /src/components/FileUpload.vue
parentffef3a6be19d1139b6378c8119d444082dd0cbac (diff)
Initial rewrite in svelte
Diffstat (limited to 'src/components/FileUpload.vue')
-rw-r--r--src/components/FileUpload.vue51
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>