jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

I have modified the buttons on the card to edit a message.I reversed the order of the buttons and changed their position.

Browse Source
This commit is contained in:
PascalMarchesseault
2024-08-31 00:56:03 -04:00
parent 16999c4e11
commit 30cab78184
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/messages/Message.vue
View File

@@ -57,25 +57,26 @@
@keyup.enter="acceptChanges"
></v-textarea>
<div class="flex flex-col px-2 space-y-1">
<v-btn variant="plain" @click="acceptChanges">
<v-icon>mdi-check</v-icon>
</v-btn>
<div class="flex flex-row px-2 space-y-1 align-center">
<v-btn variant="plain" @click="cancel">
<v-icon class="rounded-full">mdi-cancel</v-icon>
</v-btn>
<v-btn variant="plain" @click="acceptChanges">
<v-icon>mdi-check</v-icon>
</v-btn>
</div>
</div>
</div>
</div>
</div>
</div>
<must-be-logged v-model="loginModal" message="Vous devez être connecté pour supprimer ou modifier un commentaire."></must-be-logged>
<must-be-logged v-model="loginModal"
message="Vous devez être connecté pour supprimer ou modifier un commentaire."></must-be-logged>
</template>
<script setup>
import {ref, watch, onMounted, onBeforeUnmount, computed} from "vue";
import { time_ago } from "@/internal_time_ago.js";
import {time_ago} from "@/internal_time_ago.js";
import MustBeLogged from "@/views/MustBeLogged.vue";
import {useAuthStore} from "@/stores/authStore.js";
import {useClient} from "@/plugins/api.js";
@@ -104,7 +105,7 @@ function editMessage(message) {
editMessageValue.value = message.value;
}
const acceptChanges = async() => {
const acceptChanges = async () => {
props.message.value = editMessageValue.value;
isEditMessage.value = false;