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

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

View File

@@ -25,7 +25,6 @@
<!--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"

View File

@@ -57,20 +57,21 @@
@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>