Change edit btn pos
This commit is contained in:
@@ -1,27 +1,29 @@
|
|||||||
<template>
|
<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"
|
<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 }">
|
: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 -->
|
<!-- Titre principal -->
|
||||||
<div v-if="isEditMode">
|
<div v-if="isEditMode">
|
||||||
@@ -580,9 +582,7 @@ async function saveChanges() {
|
|||||||
isEditMode.value = false;
|
isEditMode.value = false;
|
||||||
|
|
||||||
// Rafraîchir après une légère pause pour s'assurer des mises à jour visuelles
|
// 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) {
|
} catch (error) {
|
||||||
console.error("Erreur lors de la sauvegarde :", error);
|
console.error("Erreur lors de la sauvegarde :", error);
|
||||||
} finally {
|
} finally {
|
||||||
|
|||||||
Reference in New Issue
Block a user