mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-07-09 03:04:54 -04:00
switch icon on import
This commit is contained in:
parent
082448c6dc
commit
51f3d702a2
@ -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>
|
Loading…
x
Reference in New Issue
Block a user