mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-10-28 00:34:47 -04:00
switch icon on import
This commit is contained in:
@@ -6,6 +6,8 @@
|
|||||||
v-model="file"
|
v-model="file"
|
||||||
accept=".zip"
|
accept=".zip"
|
||||||
@change="upload"
|
@change="upload"
|
||||||
|
:prepend-icon="icon"
|
||||||
|
class="file-icon"
|
||||||
>
|
>
|
||||||
</v-file-input>
|
</v-file-input>
|
||||||
</v-form>
|
</v-form>
|
||||||
@@ -18,6 +20,7 @@ export default {
|
|||||||
return {
|
return {
|
||||||
file: null,
|
file: null,
|
||||||
loading: false,
|
loading: false,
|
||||||
|
icon: "mdi-paperclip",
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -32,6 +35,7 @@ export default {
|
|||||||
this.loading = false;
|
this.loading = false;
|
||||||
this.$emit("uploaded");
|
this.$emit("uploaded");
|
||||||
this.file = null;
|
this.file = null;
|
||||||
|
this.icon = "mdi-check";
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -39,4 +43,7 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
.file-icon {
|
||||||
|
transition-duration: 5s;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user