Added website image to the creator page and use type of file when uploading pictures. Restriction for .png, .jpeg, .jpg for now

This commit is contained in:
Dominic Villemure
2024-07-10 01:36:41 -04:00
parent bd034d919b
commit 6c23fe005c
4 changed files with 22 additions and 8 deletions

View File

@@ -36,7 +36,9 @@
<div class="px-3 py-3">
<v-file-input
ref="bannerImageInput"
v-model="bannerImage"
accept=".png, .jpeg, .jpg"
v-model="bannerImage"
hint="png, jpeg or jpg"
label="Téléverser une nouvelle bannière"
@change="onBannerFileChange">
</v-file-input>
@@ -57,6 +59,8 @@
<div class="px-3">
<v-file-input
ref="profileImageInput"
accept=".png, .jpeg, .jpg"
hint="png, jpeg or jpg"
v-model="profilePicture"
label="Téléverser une nouvelle photo de profil"
@change="onProfileFileChange">

View File

@@ -35,7 +35,13 @@
<div class="flex flex-col space-y-4">
<div class="flex items-center mb-2">
<label class="text-lg mr-4">Icône pour votre site web *svg</label>
<v-file-input v-model="iconFile" label="Téléverser une icône" @change="onFileChange"></v-file-input>
<v-file-input
v-model="iconFile"
accept=".png, .jpeg, .jpg"
hint="png, jpeg or jpg"
label="Téléverser une icône"
@change="onFileChange">
</v-file-input>
</div>
<div v-if="iconUrl" class="flex justify-center">
<img :src="iconUrl" alt="Icon" class="icon-preview">