Adds SVG for all social network icons

frontend/src/views/creators/BannerEditor.vue

@@ -1,25 +1,36 @@
 <template>
-  <h2 class="text-2xl font-semibold mb-4">
-    Bannière
-  </h2>
+  <div class="card">
+    <div class="card-title">
+      Bannière
+    </div>
 
-  <img
-      :src="fileUrl || fallbackUrl"
-      class="mb-5 w-full transition duration-200 ease-in-out transform"
-      alt="Aperçu de la bannière"
-  >
+    <div class="card-entry">
+      <img
+          :src="fileUrl || fallbackUrl"
+          alt="Aperçu de la bannière"
+          class="mb-5 transition duration-200 ease-in-out transform  w-[1024px] h-[256px]"
+      />
 
-  <v-file-input
-      v-model="selectedFile"
-      variant="outlined"
-      accept="image/*"
-      label="Votre bannière"
-      @change="onFileSelected"
-  ></v-file-input>
+      <v-file-input
+          v-model="selectedFile"
+          accept="image/*"
+          label="Votre bannière"
+          variant="outlined"
+          @change="onFileSelected"
+      ></v-file-input>
+    </div>
+
+    <div class="card-actions">
+      <button class="secondary"
+              @click="cancel">
+        Annuler
+      </button>
+      <button class="primary"
+              @click="publish">
+        Enregistrer
+      </button>
+    </div>
 
-  <div class="flex justify-end space-x-4">
-    <v-btn color="black" variant="text" @click="cancel">Annuler</v-btn>
-    <v-btn color="#A6147D" @click="publish">Enregistrer</v-btn>
   </div>
 </template>