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

I have translated AccountSecurity.vue+ did a fix in manageaccount

Browse Source
This commit is contained in:
PascalMarchesseault
2024-09-02 23:00:39 -04:00
parent d33d3885da
commit c2677afe83
4 changed files with 42 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/profile/security/AccountSecurity.vue
View File

@@ -1,16 +1,16 @@
<template>
<div class="flex flex-col items-center w-full">
<h1 class="uppercase pb-5 text-2xl"> <v-icon class="mr-2">mdi-security</v-icon> Sécurité</h1>
<h1 class="uppercase pb-5 text-2xl"> <v-icon class="mr-2">mdi-security</v-icon>{{$t('security.title')}}</h1>
<div class="border rounded-2xl w-full max-w-[800px]">
<div class="py-5 uppercase ml-4">Comment vous connecter à Hutopy</div>
<div class="py-5 uppercase ml-4">{{$t('security.howtoconnect')}}</div>
<div class="flex flex-col w-full">
<button
@click="openModal('ModalPassword')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
<span class="pa-2 min-w-32 text-left"><v-icon>mdi-onepassword</v-icon></span>
<span class="flex-auto text-left pr-6">Mot de passe</span>
<span class="flex-auto text-left pr-6">{{$t('security.password')}}</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>
@@ -20,7 +20,7 @@
@click="openModal('ModalRecoveryByEmailInfo')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
<span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-email-outline</v-icon></span>
<span class="flex-auto text-left pr-6">Récupération par E-mail</span>
<span class="flex-auto text-left pr-6">{{$t('security.recoverybyemail')}}</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>
@@ -30,7 +30,7 @@
@click="openModal('ModalRecoveryByPhoneInfo')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
<span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-cellphone</v-icon></span>
<span class="flex-auto text-left pr-6">Récupération par mobile</span>
<span class="flex-auto text-left pr-6">{{$t('security.recoverybymobile')}}</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>