Change edit btn pos
This commit is contained in:
@@ -1,27 +1,29 @@
|
||||
<template>
|
||||
<div v-if="creatorProfileStore.creator.id === brandingStore.value.id" class="flex justify-end space-x-2 mb-5 pa-1">
|
||||
<!-- Bouton principal : Éditer ou Enregistrer -->
|
||||
<button
|
||||
v-if="isLoggedIn"
|
||||
@click="isEditMode ? saveChanges() : toggleEditMode()"
|
||||
class="px-4 py-2 rounded-md hover:opacity-90"
|
||||
:style="{ backgroundColor: brandingStore.colors.secondary, color: brandingStore.colors.onSecondary }"
|
||||
>
|
||||
{{ isEditMode ? 'Enregistrer' : 'Éditer' }}
|
||||
</button>
|
||||
|
||||
<button
|
||||
v-if="isEditMode && isLoggedIn"
|
||||
@click="cancelEdit"
|
||||
class="px-4 py-2 rounded-md hover:opacity-90 bg-red-500 text-white"
|
||||
>
|
||||
Annuler
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col space-y-8 px-6 rounded-2xl py-8 shadow-2xl"
|
||||
:style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }">
|
||||
|
||||
|
||||
<div v-if="creatorProfileStore.creator.id === brandingStore.value.id" class="flex justify-end space-x-2">
|
||||
<!-- Bouton principal : Éditer ou Enregistrer -->
|
||||
<button
|
||||
v-if="isLoggedIn"
|
||||
@click="isEditMode ? saveChanges() : toggleEditMode()"
|
||||
class="px-4 py-2 rounded-md hover:opacity-90"
|
||||
:style="{ backgroundColor: brandingStore.colors.secondary, color: brandingStore.colors.onSecondary }"
|
||||
>
|
||||
{{ isEditMode ? 'Enregistrer' : 'Éditer' }}
|
||||
</button>
|
||||
|
||||
<button
|
||||
v-if="isEditMode && isLoggedIn"
|
||||
@click="cancelEdit"
|
||||
class="px-4 py-2 rounded-md hover:opacity-90 bg-red-500 text-white"
|
||||
>
|
||||
Annuler
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Titre principal -->
|
||||
<div v-if="isEditMode">
|
||||
@@ -580,9 +582,7 @@ async function saveChanges() {
|
||||
isEditMode.value = false;
|
||||
|
||||
// Rafraîchir après une légère pause pour s'assurer des mises à jour visuelles
|
||||
setTimeout(() => {
|
||||
window.location.reload();
|
||||
}, 500); // Pause de 500ms pour garantir que tout est bien mis à jour
|
||||
|
||||
} catch (error) {
|
||||
console.error("Erreur lors de la sauvegarde :", error);
|
||||
} finally {
|
||||
|
||||
Reference in New Issue
Block a user