Fixe Url position

This commit is contained in:
PascalMarchesseault
2024-12-01 11:58:22 -05:00
parent 07fb8da98e
commit 5ee6b459fd

View File

@@ -103,7 +103,7 @@
/> />
<!-- Ajout des URLs externes --> <!-- Ajout des URLs externes -->
<div v-for="(url, index) in externalUrls" :key="index" class="flex items-center mb-2 w-[400px]"> <div v-for="(url, index) in externalUrls" :key="index" class="flex space-x-2 w-[400px]">
<v-text-field <v-text-field
v-model="externalUrls[index]" v-model="externalUrls[index]"
label="Lien URL" label="Lien URL"
@@ -111,14 +111,20 @@
variant="outlined" variant="outlined"
class="flex-1" class="flex-1"
/> />
<v-btn icon @click="removeUrl(index)"> <v-btn icon color="error" @click="removeUrl(index)">
<v-icon>mdi-minus</v-icon> <v-icon>mdi-minus</v-icon>
</v-btn> </v-btn>
</div> </div>
<div>Ajouter un Vidéo Url</div>
<v-btn icon @click="addUrl" class="mb-6 w-[400px]"> <div class="w-[400px] mb-10">
<v-icon>mdi-plus</v-icon> <div class="flex items-center gap-2">
</v-btn> <v-btn icon color="primary" @click="addUrl">
<v-icon>mdi-plus</v-icon>
</v-btn>
<span class="text-sm text-gray-500">Cliquez pour ajouter un nouveau lien vidéo</span>
</div>
</div>
<!-- Upload Images --> <!-- Upload Images -->
<v-file-input <v-file-input
@@ -144,10 +150,10 @@
</template> </template>
<script setup> <script setup>
import { ref, computed, watch } from "vue"; import {ref, computed, watch} from "vue";
import { useClient } from "@/plugins/api.js"; import {useClient} from "@/plugins/api.js";
import { v7 } from "uuid"; import {v7} from "uuid";
import { useCreatorProfileStore } from "@/stores/creatorProfileStore.js"; import {useCreatorProfileStore} from "@/stores/creatorProfileStore.js";
const client = useClient(); const client = useClient();
const step = ref(1); // Étape actuelle (1 = Thumbnail Editor, 2 = Content Editor) const step = ref(1); // Étape actuelle (1 = Thumbnail Editor, 2 = Content Editor)
@@ -233,7 +239,7 @@ const publishPost = async () => {
try { try {
const response = await client.post(`/api/contents`, formData, { const response = await client.post(`/api/contents`, formData, {
headers: { 'Content-Type': 'multipart/form-data' }, headers: {'Content-Type': 'multipart/form-data'},
}); });
console.log('Content published:', response.data); console.log('Content published:', response.data);
resetForm(); resetForm();