From 5ee6b459fdf383929049a13cda7e866e838254d0 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sun, 1 Dec 2024 11:58:22 -0500
Subject: [PATCH] Fixe Url position

---
 src/views/contents/QuickyContentEditor.vue | 28 +++++++++++++---------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/views/contents/QuickyContentEditor.vue b/src/views/contents/QuickyContentEditor.vue
index b2f2179..ba6d6eb 100644
--- a/src/views/contents/QuickyContentEditor.vue
+++ b/src/views/contents/QuickyContentEditor.vue
@@ -103,7 +103,7 @@
       />
 
       <!-- 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-model="externalUrls[index]"
             label="Lien URL"
@@ -111,14 +111,20 @@
             variant="outlined"
             class="flex-1"
         />
-        <v-btn icon @click="removeUrl(index)">
+        <v-btn icon color="error" @click="removeUrl(index)">
           <v-icon>mdi-minus</v-icon>
         </v-btn>
       </div>
-      <div>Ajouter un Vidéo Url</div>
-      <v-btn icon @click="addUrl" class="mb-6 w-[400px]">
-        <v-icon>mdi-plus</v-icon>
-      </v-btn>
+
+      <div class="w-[400px] mb-10">
+        <div class="flex items-center gap-2">
+          <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 -->
       <v-file-input
@@ -144,10 +150,10 @@
 </template>
 
 <script setup>
-import { ref, computed, watch } from "vue";
-import { useClient } from "@/plugins/api.js";
-import { v7 } from "uuid";
-import { useCreatorProfileStore } from "@/stores/creatorProfileStore.js";
+import {ref, computed, watch} from "vue";
+import {useClient} from "@/plugins/api.js";
+import {v7} from "uuid";
+import {useCreatorProfileStore} from "@/stores/creatorProfileStore.js";
 
 const client = useClient();
 const step = ref(1); // Étape actuelle (1 = Thumbnail Editor, 2 = Content Editor)
@@ -233,7 +239,7 @@ const publishPost = async () => {
 
   try {
     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);
     resetForm();