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

3
src/views/creators/CreatorBanner.vue
View File

@@ -24,8 +24,7 @@
</div> </div>
<!--Banner--> <!--Banner-->
<div class="relative"> <div class="relative">
<!--Banner-->
<div> <div>
<img class=" w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.35)]" <img class=" w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.35)]"
:src="creator.images.banner" :src="creator.images.banner"

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

@@ -57,25 +57,26 @@
@keyup.enter="acceptChanges" @keyup.enter="acceptChanges"
></v-textarea> ></v-textarea>
<div class="flex flex-col px-2 space-y-1"> <div class="flex flex-row px-2 space-y-1 align-center">
<v-btn variant="plain" @click="acceptChanges">
<v-icon>mdi-check</v-icon>
</v-btn>
<v-btn variant="plain" @click="cancel"> <v-btn variant="plain" @click="cancel">
<v-icon class="rounded-full">mdi-cancel</v-icon> <v-icon class="rounded-full">mdi-cancel</v-icon>
</v-btn> </v-btn>
<v-btn variant="plain" @click="acceptChanges">
<v-icon>mdi-check</v-icon>
</v-btn>
</div> </div>
</div> </div>
</div> </div>
</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> </template>
<script setup> <script setup>
import {ref, watch, onMounted, onBeforeUnmount, computed} from "vue"; 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 MustBeLogged from "@/views/MustBeLogged.vue";
import {useAuthStore} from "@/stores/authStore.js"; import {useAuthStore} from "@/stores/authStore.js";
import {useClient} from "@/plugins/api.js"; import {useClient} from "@/plugins/api.js";
@@ -104,7 +105,7 @@ function editMessage(message) {
editMessageValue.value = message.value; editMessageValue.value = message.value;
} }
const acceptChanges = async() => { const acceptChanges = async () => {
props.message.value = editMessageValue.value; props.message.value = editMessageValue.value;
isEditMessage.value = false; isEditMessage.value = false;