Added limit to logo Image

This commit is contained in:
PascalMarchesseault
2024-08-08 13:10:31 -04:00
parent 26cff723a0
commit 16af6d62e7
2 changed files with 11 additions and 7 deletions

View File

@@ -3,11 +3,15 @@
Logo Logo
</h2> </h2>
<img <div class="flex justify-center mb-5">
:src="fileUrl" <img
class="mb-5 w-full transition duration-200 ease-in-out transform" :src="fileUrl"
alt="Aperçu de la bannière" class="w-full transition duration-200 ease-in-out transform max-w-[400px]"
> alt="Aperçu de la bannière"
/>
</div>
<v-file-input <v-file-input
v-model="selectedFile" v-model="selectedFile"

View File

@@ -105,10 +105,10 @@ const closeDialog = () => {
<div class="py-5 uppercase ml-4">Informations</div> <div class="py-5 uppercase ml-4">Informations</div>
<div class="flex flex-col w-full"> <div class="flex flex-col w-full">
<button <button
@click="openDialog('Socials')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"> class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
<span class="flex-none pa-2 min-w-32 text-left">Nom</span> <span class="flex-none pa-2 min-w-32 text-left">Nom</span>
<span class="flex-auto text-left pr-6">{{ userStore.creator.name }}</span> <span class="flex-auto text-left pr-6 capitalize">{{ userStore.creator.name }}</span>
<span class="flex-none"> <span class="flex-none">
<v-icon>mdi-chevron-right</v-icon> <v-icon>mdi-chevron-right</v-icon>
</span> </span>